Skip to content

ayushman075/wethrar-frntend

Repository files navigation

Weather Monitoring Application - Frontend

This is the frontend for the Weather Monitoring Application, built with React, Vite, Tailwind CSS, and Ant Design. The application provides users with an engaging and interactive UI to view real-time weather data and statistics for various cities.

Features

  • City Weather Overview: Displays weather details including temperature, wind speed, and conditions for different cities.
  • Interactive Weather Cards: Hover effects and animations to enhance user engagement.
  • Add City Feature: Allows users to add new locations for weather monitoring.
  • Detailed Weather View: Navigate to a detailed view of weather statistics, including daily, weekly, and monthly summaries.
  • Responsive Design: Optimized for both desktop and mobile devices.

Tech Stack

  • React
  • Vite
  • Tailwind CSS
  • Ant Design

Installation

Prerequisites

  • Node.js
  • Vite

Setup Instructions

  1. Clone the repository
    git clone https://github.com/ayushman075/wethrar-frntend
    cd wethrar-frntend
    
  2. Install dependencies and run locally
    npm install
    npm run dev
    
    

Conclusion

The backend of the Weather Monitoring Application offers a robust solution for serving weather data and managing city information, while also providing user notifications for specific weather conditions. Built with Node.js, Express, and MongoDB, the backend ensures efficient data handling and reliable performance. This project demonstrates how to integrate weather data retrieval, city management, and alerting mechanisms in a scalable RESTful API. Contributions are encouraged, as continuous development and community feedback can help enhance the application's capabilities.