Skip to content

Priyanshu9898/Weather-Forecasting-app

Repository files navigation

Whether-App-Shipment

Vercel Deployment Link: https://whether-app-shipment.vercel.app/

Whether-App-Shipment is a weather forecasting web application built using Next.js, Tailwind CSS, Flowbite, and TypeScript. This application allows users to get up-to-date weather information for different locations using data from a weather API.

Features

  • Weather Forecast: Get the current weather conditions as well as the forecast for the next few days for a specific location.
  • Search: Enter the name of a city or location to retrieve its weather information.
  • Responsive Design: The app is designed to be responsive and accessible across various devices and screen sizes.

Technologies Used

  • Next.js: A React framework that enables server-side rendering and provides an efficient, developer-friendly environment for building web applications.
  • Tailwind CSS: A utility-first CSS framework that makes styling and designing the app faster and more maintainable.
  • Flowbite: A component library built on top of Tailwind CSS, offering pre-designed UI components to help speed up development.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and provides better tooling for catching errors.

Getting Started

Clone the Repository:

git clone https://github.com/Priyanshu9898/Weather-Forecasting-app
cd Weather-Forecasting-app

Install Dependencies:

npm install

Set up Environment Variables:

create .env file and add NEXT_PUBLIC_API_KEY with your actual weather API key.

Run the Development Server:

npm run dev

The app should now be accessible at http://localhost:3000.

API Integration

This app relies on a weather API to fetch weather data. To integrate your chosen weather API:

  • Sign up for an API key from the weather API provider.
  • Replace API_KEY in the .env file with your actual API key.
  • Adjust the API endpoints and data parsing in the relevant components or utility functions.

Contributing

Contributions are welcome! If you find any bugs or want to enhance the app, feel free to open issues or submit pull requests. Please make sure to follow the coding standards and guidelines.

Happy coding! If you have any questions or need assistance, don't hesitate to reach out.

Maintainer: Priyanshu Malaviya

GitHub: Weather-Forecasting-app