https://github.com/creator79/weatherapp

🌍Explore a sleek Weather App built with Next.JS, ShadCn-UI, and TailwindCSS, delivering exceptional UX with real-time updates in a visually appealing interface.✨
https://github.com/creator79/weatherapp

assignment context nextjs openwe state tailwindcss weather-app weather-forecast

Last synced: about 2 months ago
JSON representation

🌍Explore a sleek Weather App built with Next.JS, ShadCn-UI, and TailwindCSS, delivering exceptional UX with real-time updates in a visually appealing interface.✨

• Host: GitHub
• URL: https://github.com/creator79/weatherapp
• Owner: creator79
• Created: 2024-02-14T01:25:48.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-14T01:33:12.000Z (11 months ago)
• Last Synced: 2024-10-12T22:28:19.108Z (3 months ago)
• Topics: assignment, context, nextjs, openwe, state, tailwindcss, weather-app, weather-forecast
• Language: TypeScript
• Homepage: https://weather-app-wine-xi.vercel.app/
• Size: 8.89 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A Modern UI/UX Weather App made using Next.JS, ShadCn-UI and TailwindCSS

![image](https://github.com/omunite215/Weather-App/assets/78680563/c451091b-dc6f-4251-85ea-757c431c1fe1)

![image](https://github.com/omunite215/Weather-App/assets/78680563/62a0c521-7af3-4cca-b7c1-4c36766176bf)

### Link to Figma File:



  

    

      

    

  



A website which is a product page of a Bank displaying its products features, clients , feedbacks and many more.

Use your Own API Key you will find in API Section after signing in [OpenWeatherAPI](https://openweathermap.org/)

### The project is hosted on Vercel : [Weather App]()

## :star: Give A Star

You can also give this repository a star to show more people and they can use this repository.

# Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you start, make sure you have the following software installed on your computer:

[![My Skills](https://skillicons.dev/icons?i=nodejs)](https://skillicons.dev)

## ℹ️ How to use this Repository?

1. Clone the repository to your local machine

```bash

  git clone https://github.com/creator79/weatherApp.git

```

2. Navigate to the project directory

```bash

  cd Weather-App

```

3. Install the necessary dependencies

```bash

  pnpm install

```

4. Start the development server

```bash

  pnpm run dev

```

The website should now be up and running on http://localhost:3000.

## 🏠 Built With:

[![My Skills](https://skillicons.dev/icons?i=nextjs,tailwind,vercel)](https://skillicons.dev)

## 🛠 Skills

[![My Skills](https://skillicons.dev/icons?i=html,css,js,react,nextjs)](https://skillicons.dev)

## 🚀 About Me

Specializations:

- UI/UX Design.

- Web Development

## 🙋‍♂️ Connect With Me

[](https://github.com/creator79) 

[](https://www.linkedin.com/in/vivekupadhyay-/) 

[](https://vivekdev.vercel.app/)

## 🗒️ Authors

- 🌍 Vivek Upadhyay 🌍



  

    

      

    

  



## Acknowledgements

- [TypeScript Docs](https://www.typescriptlang.org/)

- [Tailwind Docs](https://tailwindcss.com/docs/installation)

- [React Docs](https://react.dev/)