MeteOggi is a web application that allows you to check the current weather and forecast for any location. You can search for a specific location using the search bar or let the app use your geolocation for accurate weather data. The app is built using HTML, CSS, JavaScript, Bootstrap, Webpack, Babel, Axios, and Lodash.
You can try out the live demo of the MeteOggi app here.
- Enter the name of a city or location in the search bar.
- Press the "Search" button or hit Enter.
- The app will fetch and display the current weather and forecast for the entered location.
- Allow the app to access your geolocation when prompted.
- The app will automatically detect your current location and display the weather and forecast.
- If there is an error with the weather data request, the app will display an error message.
- The app handles invalid input and provides feedback to the user.
The MeteOggi app relies on the following dependencies:
- Axios: For making HTTP requests to the OpenWeather API.
- Lodash: For handling data and object manipulation.
- Bootstrap: For styling and responsive design.
- Webpack: For bundling and managing project assets.
- Babel: For transpiling modern JavaScript code for browser compatibility.
- Dotenv: For securely managing environment variables.
- Browserify: For bundling JavaScript modules for browser usage.
You can install these dependencies using npm. For example:
npm install axios lodash bootstrap webpack babel-loader dotenv browserify --save
To run the app locally for development purposes, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install project dependencies using
npm install
. - Build the project using
npm run build
. - Open the
index.html
file in your web browser.