Experience simplicity and efficiency with this new weather app. Stay ahead with hourly and weekly temperature forecasts, wind speed details, and precipitation probabilities. Enjoy the flexibility of theme customization for a personalized touch. Your weather updates, just a click away!
This project is a straightforward and quick-to-learn experience. With a single touch on the weather section you can see all the details for future forcast, while enjoying the views of a breathtaking mountain photo. The theme of the app can be changed in the menu options.
This web application use the following technologies:
-
Frontend: The frontend of this application is built with React, a JavaScript library for building user interfaces. It uses Next.js version 13 as its React framework, which enables features like server-side rendering and generating static websites for React based web applications.
-
TypeScript: The project is written in TypeScript, a statically typed superset of JavaScript that adds types to the language. TypeScript helps writing safer and more understandable code.
-
API: It uses Open-Meteo to get the forecast data. Open-Meteo partners with national weather services to bring you open data with high resolution, ranging from 1 to 11 kilometers. Our powerful APIs intelligently select the most suitable weather models for your specific location, ensuring accurate and reliable forecasts.
-
Styling: For styling the application, it uses Tailwind CSS. Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90 that can be composed to build any design, directly in your markup. It allows to rapidly build modern websites without ever leaving your HTML. It has a highly customizable configuration which gives you the flexibility to create a unique design of your own. It also offers responsive variants to style your websites on different screen sizes.
Contributions to this project are welcome. If you find a bug or think of a new feature, feel free to create an issue or open a pull request. Please ensure that your code follows the existing style to make the review process faster.
Follow the steps below to install and run the project:
- Clone the repository using
git clone https://github.com/agusgonz/Forecast-Hills.git
- Navigate to the project directory using
cd Forecast-Hills
- Install dependencies using
npm install
oryarn install
- Start the project using
npm start
oryarn start
This project is licensed under the MIT License. For more information, please refer to the LICENSE file in the repository.