Skip to content

This is a self-guided tutorial to help folks learn how to use GitHub Copilot. CodeTour prompts the user to write comments that will trigger GitHub Copilot to generate code.

Notifications You must be signed in to change notification settings

blackgirlbytes/copilot-todo-list

Repository files navigation

Build a To Do List with GitHub Copilot in Next.js

Description

This is a self-guided tutorial to help folks learn how to use GitHub Copilot. In this project you will find:

  • a running Next.js application
  • a devcontainer that installs CodeTour, Simple browser tab and GitHub Copilot when the Codespace is created
  • a CodeTour to guide the developer through using GitHub Copilot to develop a client-side to do list application.

To complete this tutorial, you will need

How does this work?

The CodeTour prompts developers to write comments and lines of code that trigger GitHub Copilot to generate code to create a to do list app.

How to use the guided CodeTour

  1. Choose 'Use this template', and 'Open in a codespace'

Open in a codespace image

  1. Choose the “Explorer Icon” on the left sidebar of your editor.

Highlighting the Explorer Icon

  1. Toggle the CodeTour panel

Highlighting the Code Tour panel

  1. Press the “Play button” to start the tour.

Highlighting the Play button

  1. Your CodeTour will begin! Follow the CodeTour’s steps to learn how to use GitHub Copilot.

Highlighting the start of a CodeTour

About

This is a self-guided tutorial to help folks learn how to use GitHub Copilot. CodeTour prompts the user to write comments that will trigger GitHub Copilot to generate code.

Topics

Resources

Stars

Watchers

Forks