You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
1
+
# Weather Widget App
2
2
3
-
## Getting Started
3
+
A responsive and modern weather widget application built using **Next.js** and **Tailwind CSS**. This app provides real-time weather information for any location, leveraging an easy-to-use and visually appealing interface.
4
4
5
-
First, run the development server:
5
+
## 🌟 Features
6
6
7
-
```bash
8
-
npm run dev
9
-
# or
10
-
yarn dev
11
-
# or
12
-
pnpm dev
13
-
# or
14
-
bun dev
15
-
```
7
+
-**Real-Time Weather Data:** Get up-to-date weather information for any city in the world.
8
+
-**Responsive Design:** Optimized for mobile, tablet, and desktop views.
9
+
-**Search Functionality:** Quickly find weather details by searching for any city.
10
+
-**Clean UI:** A simple and clean design powered by Tailwind CSS.
16
11
17
-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
12
+
## 🛠️ Technologies Used
18
13
19
-
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
14
+
-**Next.js:** A React framework for building fast and scalable web applications.
20
15
21
-
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22
16
23
-
## Learn More
24
-
25
-
To learn more about Next.js, take a look at the following resources:
26
-
27
-
-[Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28
-
-[Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29
-
30
-
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31
-
32
-
## Deploy on Vercel
33
-
34
-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35
-
36
-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
17
+
🌐 Live Demo
18
+
Check out the live version of the app hosted on Vercel: https://weather-widget-app-sigma.vercel.app/
0 commit comments