OpenWeather is a project that provides weather data and services to developers and businesses. It offers a comprehensive set of APIs and tools for accessing real-time and historical weather data for locations worldwide.
| Color | Hex |
|---|---|
| Primary | |
| Secondary | |
| Third |
To run this project on Cloud IDE, run the following command in your terminal:
Or else you can clone this project on you local system, run the following command in your terminal:
git clone https://github.com/SutharShantanu/OpenWeather.gitAlternatively, you can use your preferred Git client and clone the repository using the provided URL.
| Dependency | Version |
|---|---|
| @chakra-ui/icons | ^2.0.18 |
| @chakra-ui/react | ^2.7.1 |
| @emotion/react | ^11.11.1 |
| @emotion/styled | ^11.11.0 |
| axios | ^1.3.4 |
| bootstrap | ^5.3.0 |
| framer-motion | ^10.12.16 |
| react | ^18.2.0 |
| react-bootstrap | ^2.7.4 |
| react-dom | ^18.2.0 |
| react-icons | ^4.10.1 |
| react-loading-skeleton | ^3.3.1 |
| react-router-dom | ^6.13.0 |
You can find the latest versions of these libraries by referring to their respective documentation or package manager.
- Comprehensive Current Weather Information with additional details
- Weather Forecast for Top Cities
- Convenient Location Search Functionality
- Night Mode for Enhanced User Experience
- Comprehensive Sea Weather Data
- Frontend: HTML, CSS, JavaScript, React JS, Chakra UI
- Backend: Node JS, MongoDB Atlas, Express JS,
To use this project, simply navigate to the deployed website on Vercel. From there, you can browse through the different examples and tutorials, each represented in the form of a card. Click on a card to view the code and see how the hook is used in practice.
To install this project locally, follow these steps:
- Clone the repository to your local machine as mentioned above.
- Install the necessary dependencies using
npm install. - Run the project using
npm start.
If you'd like to contribute to this project, feel free to submit a pull request with your changes. We welcome contributions of all kinds, including bug fixes, new features, and documentation improvements.
Overall, this OpenWeather project is a valuable resource for accessing accurate and detailed weather information. While there may be some current limitations in terms of responsiveness, the team is actively working to address these issues and ensure a seamless experience across all devices. With its comprehensive current weather data, Top-5 cities forecast, location search functionality, night mode, and sea weather data, this project offers a professional and user-centric approach to weather information. Users can rely on this project to stay informed and make well-informed decisions based on the provided weather insights.
Is this website fully Responsive?
Yes, the website is fully responsive and compatible with small screen devices. Our team has diligently worked to ensure that all parts of the website are optimized for various screen sizes. Users can seamlessly access and navigate the website, regardless of the device they are using.