Skip to content

harshpatel-r/Weather_App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Web App 🌦️

Welcome to my weather web app! This project showcases my skills in web development using Node.js and API integration. With this app, users can easily obtain real-time weather information for any location worldwide.

🔗 Live Demo


🚀 Features

  • Real-time weather information: Users can get the current weather conditions for any location by searching for it.
  • International support: Users can search for weather information for any location worldwide, not just limited to a specific country or region.

⚙️ Technologies Used

  • Node.js
  • Express.js
  • HTML
  • CSS
  • JavaScript
  • API integration (WeatherStack API & PositionStack API)

📥 Installation

  1. Clone the repository: git clone https://github.com/harshpatel-r/Weather_App.git
  2. Change to the project directory: cd Weather_App
  3. Install the dependencies: npm install

📝 Local Usage

  1. Create a config/dev.env file in the root directory of your project.
  2. Inside the dev.env file, specify the necessary environment variables required for the app. For example:
FORCAST_URL=http://api.weatherstack.com/current?access_key={your_weatherstack_api_key}&query=
GEOCODE_URL=http://api.positionstack.com/v1/forward?access_key={your_positionstack_api_key}&query=

Replace your_weatherstack_api_key with your actual API key for the WeatherStack API and your_positionstack_api_key with your actual API key for the PositionStack API.

  1. Start the application: npm run dev
  2. Open your web browser and visit http://localhost:3000 to access the app.

⚠️ Upcoming Support for Docker

Support for running the app with Docker is currently under development. Stay tuned for updates on Docker usage instructions! We are excited to bring you the ability to run the app in a containerized environment for easier deployment and management.


🌐 API Integration

To retrieve weather data, this project utilizes the WeatherStack API. You will need to sign up for an API key at https://weatherstack.com/ and replace your_weatherstack_api_key in the dev.env file with your actual API key.

To retrieve location data, this project utilizes the PositionStack API. You will need to sign up for an API key at https://positionstack.com/ and replace your_positionstack_api_key in the dev.env file with your actual API key.


🤝 Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to contribute. Here are some ways you can contribute:

  • Report bugs or errors you encounter.
  • Suggest new features or enhancements.
  • Provide feedback on the existing features.
  • Improve the codebase and project structure.
  • Write tests to ensure stability.
  • Help with translations.

If you have any questions or need assistance, please open an issue and provide detailed information. We appreciate your contributions!

Let's make this project better together! 🚀


🤝 How to Start Contributing

Contributions are welcome! If you're interested in contributing to the weather web app, please follow these steps:

  1. Fork the repository on GitHub.
  2. Clone the forked repository to your local machine.
  3. Create a new branch for your feature or bug fix.
  4. Make the necessary changes in your branch.
  5. Commit your changes and push the branch to your forked repository.
  6. Submit a pull request to the main repository.

Please ensure that your contributions align with the coding conventions and guidelines set in the project. If you're unsure about anything or need guidance, feel free to open an issue to discuss your ideas or seek clarification.

We appreciate your contributions and efforts in making this weather app even better! Thank you for your support.

🌤️ Happy coding! 🌈


Thank you for visiting my weather web app! I hope you find it useful for obtaining real-time weather information. If you have any questions or feedback, please feel free to reach out. Happy coding!

🌤️ Keep exploring, stay curious! 🌈

[Harsh Patel]


📞 Connect with Me

You can connect with me on the following platforms:

Twitter LinkedIn GitHub Gmail Personal Website

Feel free to reach out to me with any questions, feedback, or collaboration opportunities!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published