Word Weather

This application show weather information of cities around the world.

Getting Started

First, run the development server:

make setup
make run

Next, open http://localhost:3000 with your browser to see the result.

Learn More

This project uses the following technologies:

For continuos integration:

• Eslint - Find and fix problems in your JavaScript code.
• Editor config - EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs.
• Commit lint - Commit lint checks if your commit messages meet the conventional commit format.
• Prop Types - Runtime type checking for React props and similar objects.

For tests:

• Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
• Enzyme - Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output.

For style guide:

• Material UI - A popular React UI framework.

For requests:

• Axios - Promise based HTTP client for the browser and node.js.

For context performance:

• Use Context Selector - React hook to memorize context selector.
• Scheduler - Peer dependency of Use context selector.

For word map:

• React Simple Maps - Create beautiful SVG maps in react with d3-geo and topojson using a declarative api..

For create react project:

• Next.js - Learn about Next.js features and API.
• Lodash - Lodash is life =D.

What could improve?

• Add more and more tests.
• Add the application to a container, like docker. This makes deploying easier.
• Add an scroll to city listing when search button is clicked.
• Add an back to top button at the end of the city listing.
• Add more countries and cities in the world map.