Simple Weather App

A simple weather application that provides detailed weather information, allows users to search for cities, save favorites.
Built using Node.js, React, tRPC, React Query, and TypeScript.

Preview

Desktop	Mobile

Features

• Caching: Enhanced performance with React Query for data caching and synchronization.
• Beautiful UI: Inspired by Sudhakar Mannam's Dribbble Shot.
• Favorites: Add or remove cities from your favorites.
• Responsive Design: Optimized for both desktop and mobile devices.
• Interactive Map: Dynamically view the selected city on the map.
• Popular Cities List: Quick access to weather updates for popular locations.
• Toast Messages: Feedback for key actions like adding or removing favorites.

Installation

To use this application, follow these steps:

1. Clone the repository to your local machine
2. Edit the .env file in the server directory and add your API key
3. Navigate to the server directory and run yarn install to install the server-side dependencies
4. Run yarn run dev to start the server
5. Navigate to the client directory and run yarn install to install the client-side dependencies
6. Run yarn run dev to start the client application

Usage

Once you have installed the application and started the server and client, the application will be available in your browser at http://localhost:5173.