If you want to see the application in action you can check it here!
This is a weather forecast web application. It uses an forecast API to retrive the current and 4 next days temperature, along with others weather info.
Besides being a simple react study, this project is also part of my portfolio, so i will gladly accept any feedback or critic that could help me to improve this application and future ones too.
You can email me at yan.leitao26@gmail.com or contact me at Linkedin
First you need to npm install to install all the necessary node dependecies. It's also necessary a Meteorsource API key, as specified in the oficial documentation. For this application, the free API plan was used.
- You can search for a city name (not case sensitive) and will receive the following info:
- Current temperature in °C, weather status and date/time;
- The weather status along with max/min temperatures for the following 4 days;
- Extra details as status, temperature (not rounded), clouds percentage, wind speed (km/h) and rain volume (mm)
- ReactJS: Javascript framework for building all frontend logic
- React-icons: SVG icon's library for React
- Styled Components: CSS-in-JS library for general stylization
- Axios: For doing API requests
- Meteosource free API: For getting the necessary data
- Overall UI: Arthur K on dribble
- Sunny background: Brian Garcia on unsplash
- Cloudy background: Asya Larina on unsplash
- Snowy background: Noah Silliman on unsplash
- Rainy background: Aditya Vyas on unsplash
My second React project and my first using an third party API. The whole process was really pleasant and i feel that i'm already quite comfortable working with React. The whole project took only a few days but i still managed to learn some new things while improving on previous knowledges. Since i'm felling confident with the basic of React i will start working on more complex concepts and new techologies from the React enviroment (probably Next and Tailwind/Bootstrap)
React is still fun to learn and even though I enjoyed this project, I missed working on the backend as well.