Weathers Anatolia is a web application that provides weather information for cities in Anatolia, Turkey.
The application is deployed on Vercel and can be accessed at https://weathers-anatolia.vercel.app/
To run the Weathers Anatolia web app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yusufie/weathers-anatolia.git
-
Navigate to the project directory:
cd weathers-anatolia
-
Install the dependencies:
npm install
-
Create a
.env.local
file in the root directory and add the following environment variables:MONGODB_URI=<your mongodb uri>
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser to see the result.
The application uses MongoDB to store city and weather data. Make sure you have MongoDB installed and running locally or provide a remote MongoDB connection URI in the configuration.
- Enter a city name in the search input field.
- Select a city from the list of suggestions.
- The current weather information will be displayed, including temperature, description, icon, humidity, wind speed, and wind direction.
- Click on a day from the 7-day forecast to view the detailed weather information for that day and different time periods (morning, afternoon, evening, and night).
- Click on a city from the random cities image container.
- The current weather information will be displayed, including temperature, description, icon, humidity, wind speed, and wind direction.
- Click on a day from the 7-day forecast to view the detailed weather information for that day and different time periods (morning, afternoon, evening, and night).
- Get current weather information for cities in Anatolia, including temperature, description, icon, humidity, wind speed, and wind direction.
- View a 7-day forecast for selected cities, with detailed weather information for each day and time period.
- Search for cities by name and select them from a list of suggestions.
- Click on a city from the random cities image container to view its weather information.
- Next.js
- React
- TypeScript
- MongoDB
- Mongoose
- Module CSS
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request. Follow these steps to contribute:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make the necessary changes and commit those changes.
- Push your code to your forked repository.
- Submit a pull request describing the changes you made.
Please make sure to follow the existing code style and conventions.
Feel free to explore the codebase and make it your own! If you have any questions, reach out to the project maintainers or create an issue on GitHub.
We hope you find Weathers Anatolia useful for checking the weather in Anatolia! Enjoy the application and stay informed about the weather conditions in your favorite cities.
Feel free to modify the content according to your specific project details, and customize the sections as per your requirements.