In this assignment, you are required to implement a weather app based on a Figma design, using React. Users can enter a city's name, and we will display the current weather, a five-day forecast, and daily evolution. Users can switch between Fahrenheit and Celsius for current weather.
Create a repository on your GitHub and push the assignment to it. Then, send us the link to your repository.
You can preview the design in Figma using this link.
These API endpoints can be utilized to retrieve weather information.
- The Project Structure
- Implementing the Project Using NextJs
- How Implementation is Close to Design
- Maintaining Clean Code and Best Practices
- Responsive Design and Mobile-First Approach
- Semantic HTML tags
- Handling API Loading and Errors
- Setting up the Project: Formatter and Linter
- Defining and Managing Styles
Extra points for:
- Unit test
- TypeScript
- Storybook
- Setup pre-commit using Formatter and Linter
- Implement daily chart by yourself
Feel free to use any component library of your preference.
Good luck.