Weather App

A simple weather app built with Vite and React.

Overview

This project is a weather application that provides current weather information using external APIs. It is developed with Vite and React, making it a fast and modern web application.

Features

• Fetches weather data from external APIs using Axios.
• Utilizes React for building the user interface.
• Uses Tailwind CSS for styling and responsive design.
• Implements state management with Jotai.
• Integrates date manipulation with Date-fns.
• Incorporates loading spinners with React Spinners.
• Leverages React Icons for scalable vector icons.

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

# Clone the repository
git clone https://github.com/CodexParas/weather-app-react.git

# Navigate to the project directory
cd weather-app-react

# Install dependencies
npm install

Usage

# Run the development server
npm run dev

Visit http://localhost:5173 in your browser to view the app.

Build

# Build the project for production
npm run build

The production-ready files will be in the dist directory.

Linting

# Run ESLint for code linting
npm run lint

Preview

# Run a preview server for the built app
npm run preview

Visit the provided URL to preview the production build.

Dependencies

• Axios: ^1.6.7
• Clsx: ^2.1.0
• Date-fns: ^2.30.0
• Jotai: ^2.6.4
• React: ^18.2.0
• React-dom: ^18.2.0
• React-icons: ^5.0.1
• React-query: ^3.39.3
• React-spinners: ^0.13.8
• Tailwind-merge: ^2.2.1

Dev Dependencies

• @types/react: ^18.2.43
• @types/react-dom: ^18.2.17
• @vitejs/plugin-react-swc: ^3.5.0
• Autoprefixer: ^10.4.17
• ESLint: ^8.55.0
• ESLint-plugin-react: ^7.33.2
• ESLint-plugin-react-hooks: ^4.6.0
• ESLint-plugin-react-refresh: ^0.4.5
• PostCSS: ^8.4.33
• Tailwindcss: ^3.4.1
• Vite: ^5.0.8

Feel free to modify and enhance this README according to your project's specific details and requirements.