https://github.com/prity25-coder/weather-dashboard

https://github.com/prity25-coder/weather-dashboard

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/prity25-coder/weather-dashboard
• Owner: Prity25-coder
• Created: 2024-12-28T07:19:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-28T09:17:51.000Z (over 1 year ago)
• Last Synced: 2024-12-28T10:19:59.317Z (over 1 year ago)
• Language: JavaScript
• Size: 56.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Welcome to Weather dashboard using Open-Meteo Historical Weather API

- InRisk Labs - Frontend Developer

## Features

- Dashboard Inputs:- 

        Latitude

        Longitude

        Start Date

        End Date

-  Show Daily Weather Variables:-

        Maximum Temperature (2 m)

        Minimum Temperature (2 m)

        Mean Temperature (2 m)

        Maximum Apparent Temperature (2 m)

        Minimum Apparent Temperature (2 m)

        Mean Apparent Temperature (2 m)

- Data Display:-

       Graph

       Data Table with pagination

## text tag

      -React

      -javascript

      -Tailwind CSS

      -Chart.js

## ## Packages used in this project.

            -openmeteo

            -react-chartjs-2

            -react-router-dom

## How to run this project locally

        - Clone this repository

        - create a .env file at the root of this project

        - create all env variable which is given in the .env.example  file with proper info

        

        - then run npm install (to install all packages used in this project)

        - then run npm run start

        - go to the link shown in the terminal

        - On the weather form user fill up all input field then click search button

        - Now you are good to go (show weather data with Graph and Table formate)

### Live Demo link

[Live Demo Link](https://weather-dashboard-cd8n6thmn-prity-kumaris-projects.vercel.app/)

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh