This workshop is designed for front-end developers familiar with React and TypeScript. Participants will build a weather application that integrates the OpenWeatherMap API, utilising GitHub Copilot to enhance productivity and code quality. The workshop covers basic topics such as state management, testing, responsive design, accessibility and API security.

By the end of this workshop, participants will:

• Understand how to set up a development environment optimised for GitHub Copilot.
• Gain proficiency in using GitHub Copilot's features to accelerate coding tasks.
• Build a weather app with functionalities using React and TypeScript.

• Knowledge in React, Typescript, Javascript, CSS
• Node.js
• Visual Studio Code installed
• GitHub Copilot extension installed in Visual Studio Code

Throughout the lab tasks, you will need to interact with Copilot. There are several methods of interacting, including:

• Inline Chat (Ctrl+I or Cmd+I)
• Chat View (Ctrl+Alt+I or Cmd+Alt+I)
• Inline suggestion (code completion)

It is recommended that you try each method as you progress through this lab, as each method has unique strengths. While we often suggest a particular method of interaction, that may not be the only way to complete a lab task, so you're invited to try other methods too.

1. Project Initialisation
2. Building the Weather App Core
3. Implementing Advanced Features
4. State Management with React Hooks
5. Responsive Design and Accessibility
6. Testing
7. API Security
8. Documentation and README Generation
9. Conclusion

If you find yourself stuck at any point during the lab, remember to ask questions to GitHub Copilot in the chat. It's there to help you!

Next - Project initialisation