Weatherwise — v1
Welcome to Weatherwise! I’m Jayasriraam, a front-end developer based in Chennai, and I’m thrilled to introduce you to my project. Weatherwise is a dynamic web application designed to provide users with accurate and up-to-date weather information. This project integrates a sleek, user-friendly interface with robust backend functionality to deliver an engaging weather experience.
Tech Stack
Client: Next.js, TailwindCSS, Shadcn UI, Typescript
Hosting: Vercel
Screenshots & Demo
Problems & Solutions
Problem 1: Accurate Weather Data Retrieval Challenge: Integrating and displaying real-time weather data from a reliable source while ensuring accuracy and consistency.
Solution: Utilized a comprehensive Weather-API to fetch and display current weather conditions, forecasts. Implemented caching strategies to minimize API calls and enhance performance, ensuring users receive accurate and timely information.
Problem 2: Responsive Design Challenge: Ensuring that the application is fully responsive and provides a seamless experience across various devices and screen sizes.
Solution: Leveraged TailwindCSS for a responsive design that adjusts to different screen sizes. Incorporated Shadcn UI components for a consistent and accessible user interface. Utilized flexible grid layouts, media queries, and accessibility best practices to deliver a smooth experience on all devices.
Run Locally
Clone the project
git clone https://github.com/Jay-Raam/Weather-Next.Js.git
Go to the project directory
Install dependencies
cd Weather-Next.Js
npm install
Start the server
npm run dev
Contributing & Usage
Feel free to use or adapt the front-end code for your own weather-related projects. I encourage you to customize the theme and components to fit your needs. The content of this application is designed for showcases various weather-related features, reflecting my skills and capabilities.
If you have any questions or need assistance, please don’t hesitate to reach out to me on Instagram. I’m always here to help!