AtmosAlert is a simple web-based application which provides weather details for any city. Built using Vite+React and styled using Tailwind Css.
- Weather updates throughout the globe using OpenWeather API.
- Fully animated icons using Meteocons.
- Again, a rather minimalist UI.
- Toast notifications using react-toastify.
- Small loading animations using React Spinners.
- Random city
- Toast notifications and error display
- Another random city
- Node.js (v-14 or later)
- npm or yarn
- Openweathermap api key
First, head over to Openweather and generate your own API-Key, it's completely free. Then, follow the below mentioned steps :
- Clone the repository.
git clone https://github.com/sayanjit082805/AtmosAlert.git
cd AtmosAlert-
Install dependencies with
npm install -
Create a .env file in the root directory of the project and enter your api key like this:
VITE_API_KEY = 'your-api-key'
- Start the application with
npm run dev. - Next, open your browser and navigate to
http://localhost:5173or the port as specified by vite.
Contributions are always welcome!
-
Fork the repository
-
Create a new branch
(git checkout -b feature-branch) -
Commit your changes
(git commit -m 'Add new feature') -
Open a pull request
- The API is provided by Openweather.
- Meteocons, for the awesome animated weather icons.
This project is licensed under the MIT License. See the LICENSE file for details.