It is an application that visualizes weather data using openweather api according to user inputs
- React
- Typescript
- TailwindCSS
- phosphor-icons
- redux-toolkit
- usehooks
- axios
- class-variance-authority
- react-hook-form
- react-router-dom
- recharts
- tailwind-merge
- zod
- Get a free API Key at https://openweathermap.org
- Clone the repo:
git clone https://github.com/GorkemEldeniz/React-Staj.git
- Navigate to the project directory:
cd react-staj
- Install NPM packages
pnpm install
- Create a enviroment file
.env.local
VITE_OPENWHEATHER_GEOCODE_URL = "http://api.openweathermap.org/geo/1.0/direct?limit=4&appid={YOUR_APIKEY}" VITE_OPENWHEATHER_FORECAST_URL = "https://api.openweathermap.org/data/2.5/forecast/daily?cnt=5&appid={YOUR_APIKEY}&units=metric"
- Start the server on http://localhost:<your_port>:
pnpm dev --port=<your_port>
Distributed under the MIT License. See LICENSE
for more information.
Görkem Eldeniz - [email protected]
Deployed Project Link: https://react-staj.vercel.app/