Weather App

This project is part of the Microverse Javascript curriculum!
Explore the docs »

Report Bug · Request Feature

Table of Contents

• About the Project
  • Getting Started
  • Installation
  • Prerequisite
  • Running the code
  • Run Test
  • Built With
• Authors
• Contributing
• Show your support
• Acknowledgements
• License

About The Project

This project is a simple weather application that was done in an effort to learn about the use of javascript asyncronous functions, promises, APIs and Async and Await methods, coupled with HTML and CSS.

Screenshot

Live Link

• Live App

Installation

To get a local copy up and running follow these simple example steps.

• Clone the project - git clone https://github.com/Audrey-Ella-xo/Weather-App.git if you have git installed, or download it from github
• open locally and Navigate the Directory. The directory has the following structure:

1. A dist folder that holds the index.html files and main script respectively.
2. An src folder that holds the CSS style the index.js, home.js, menu.js and contact.js files.
3. A README file.

Prerequisites

Installing Dependencies

! Please Install Npm or Yarn before going any further

Now, we will install the package.json dependencies. Run the following command and you are good to go:

  npm install

Or

  yarn install

Running the code

Inside The project Repository run the following command:

    npm run server

Or

    yarn run server

Then, go to http://localhost:3000/ (If your window isn't open)

Run Linter

  npx eslint .

Built With

This project was built using these technologies.

• HTML5 and CSS3
• Javascript

Potential Future Features

• Add Day-savings feature
• Make background change on city day-night conditions

Authors

Audrey Emmanuella Odiaka - @o___audrey_xo - @audrey-ella-xo - [email protected]

Project Link: [https://github.com/Audrey-Ella-xo/Weather-App/)

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgements

• Microverse
• The Best readme Template