Weather App FE-2024-12-i (Task 1)

A weather application built with Typescript, React, Redux Toolkit, and Tailwind CSS.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Testing
• Usage

Features

• Display current weather location for the 15 largest cites in the world
• Displays current weather information for a given location
• Allows users to search for cities and view their weather information
• Favorites cities can be saved and displayed on the homepage
• Removed cities can be viewed and restored
• Uses geolocation to display current city's weather information
• Notes can be added, edited, and deleted
• Basic offline support

Technologies Used

• React
• Redux Toolkit
• Tailwind CSS
• Vite
• TypeScript
• Open-meteo
• Vitest
• Leaflet

Getting Started

1. Insert your Open-meteo API key in the .env file
2. Install dependencies: npm install or yarn install
3. Start the development server: npm run dev or yarn dev

Testing

1. Run tests: npm run test or yarn test

Usage

1. Open the application in your web browser: http://localhost:5173/
2. View the weather for the 15 largest cities in the world
3. Search for a city by typing its name in the search bar
4. View the current weather information for the selected city
5. Favorite a city by clicking the star icon
6. View removed cities by clicking the "Removed Cities" button

Screenshots