hippoz / copilot-todo-list

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.

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

• Access to GitHub Copilot

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'

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

3. Toggle the CodeTour panel

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

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