https://github.com/fugi98/weatherwatch

The Weather Dashboard is a comprehensive web application designed to provide real-time weather information through an intuitive and visually appealing interface. Built using React and Next.js, this application allows users to view current weather conditions, forecasts, and other meteorological data.
https://github.com/fugi98/weatherwatch

bootstrap5 nextjs react tailwindcss typescript

Last synced: 5 days ago
JSON representation

The Weather Dashboard is a comprehensive web application designed to provide real-time weather information through an intuitive and visually appealing interface. Built using React and Next.js, this application allows users to view current weather conditions, forecasts, and other meteorological data.

• Host: GitHub
• URL: https://github.com/fugi98/weatherwatch
• Owner: fugi98
• Created: 2024-09-03T19:12:03.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-09-10T17:34:15.000Z (4 months ago)
• Last Synced: 2024-12-20T22:14:00.887Z (5 days ago)
• Topics: bootstrap5, nextjs, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://myweatherwatch.vercel.app/
• Size: 180 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
WeatherWatch

WeatherWatch is a dynamic weather dashboard built with Next.js to provide users with detailed and interactive weather forecasts. This project is bootstrapped with create-next-app.

Features

Current Weather Overview: View real-time weather updates including temperature, weather conditions, and icons.

Detailed Forecast: Access detailed weather forecasts including hourly and daily updates.

Interactive Calendar: Use an interactive calendar to select dates and view weather forecasts for specific days.

Customizable Units: Switch between Celsius and Fahrenheit to view temperatures in your preferred unit.

Responsive Design: Enjoy a fully responsive design optimized for various screen sizes, from mobile to desktop.

Getting Started

First, run the development server:

bash

Copy code

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.

Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.