🌤️ Rishabh's PWS - Frontend

A real-time weather monitoring interface built with Next.js. Designed to visualize data from my DIY personal weather station (PWS).

Part of my full-stack DIY Personal Weather Station project:

• Frontend - The web interface to visualize the data (you are here).
• Backend - The REST API to store and retrieve data from a SQL server.
• Arduino - The sensor hardware logic.

📖 About the Project

This project serves as the dedicated frontend for my personal weather hardware. It was built to solve the need for a clean, ad-free, and hyper-local weather dashboard that provides more granular data than standard weather apps. The goal was to create a UI that is both aesthetically pleasing and technically robust, utilizing Next.js for speed and Mantine UI for a responsive, modern feel.

Key Highlights

• Live Sensor Integration: Aggregates real-time data from sensors.
• Data Visualization: Custom-built charts showing 24-hour trends for temperature, humidiy and pressure.

🛠️ Tech Stack

Framework: Next.js (App Router)

Language: TypeScript

Styling: Mantine UI

Icons: Tabler Icons

🚀 Installation & Local Setup

If you'd like to explore the codebase locally, follow these steps:

Clone the repository:

git clone https://github.com/rtdtwo/pws-frontend.git

Install dependencies:

npm install

Configure Environment: Create a .env.local file and add your API endpoint:

NEXT_PUBLIC_GET_WEATHER_ROUTE=your_api_uri_here

Run the development server:

npm run dev

🐛 Feedback & Bug Reports

This project is currently a personal showcase and is not open for public feature contributions at this time. However, feedback is always welcome!

If you encounter a bug or have a suggestion on how to improve the UI/UX:

• Check the Issues tab to see if it has already been reported.
• If not, please open a new issue with a clear description of the problem and steps to reproduce it.

👨‍💻 Author

Rishabh Tatiraju

Portfolio: rishabh.blog