Weather-App is a web application designed to provide users with real-time weather information based on their location search. It utilizes various APIs to fetch weather and geographical data and presents it in an intuitive and visually appealing manner using Lottie animations.
Project-Demo.mp4
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Before you begin, ensure you have the following installed:
- Node.js (https://nodejs.org/)
- npm (https://www.npmjs.com/)
- Clone the repository:
git clone https://github.com/yourusername/weather-app.git- Navigate to the project directory:
cd weather-app- Install the required dependencies:
npm install- Set up your environment variables by copying the
.env.examplefile to a new file named.env.localand filling in the necessary API keys and database URI. - Start the development server:
npm run devAfter starting the development server, open http://localhost:3000 in your browser to view the application. You can search for weather information by city.
Built With Next.js - The React framework used Mongoose - MongoDB object modeling for Node.js Tailwind CSS - A utility-first CSS framework LottieFiles - For animated weather icons