/Metrics-webapp

Weather App is a project that uses a Single Page Application format to display items on a page. A user can access different weather information by simply clicking on the relevant category.

Primary LanguageJavaScript

# Metrics-webapp

Netlify Status

📗 Table of Contents

📖 [Metrics-webapp] In this project, I set up my Metrics WebApp project. It is a mobile web application to check a list of metrics about world weather by choosing a country one can know the current weather of such country.

🛠 Built With

HTML

CSS

Javascript

React JS

Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

ESlint (is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs). 🛠 Built With Tech Stack Client Server Database

🚀 Live Demo

Please use the following link to access the website: live demo

Presentation

live presentation

💻 Getting Started To get a local copy up and running, follow these steps.

Prerequisites

Have a local version control like Git. Which is a open source distributed version control system designed for source code management A text editor (e.g Visual Studio Code, Vim, Atom & Sublime.) A web browser (e.g Chrome, Safari, Mozilla Firefox.) Live Server which is a web extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET) Download waves to check project accessibilty

Setup

Clone the repo by running the command

git clone https://github.com/Ibtisam34/Metrics-webapp.git

Install

Install this project with:

Open the directory of the project

cd Space-Travelers

Open the directory of the src

cd src Open the index.html file

Click and open the index.html file

Usage

To run the project, execute the following command:

Please run the following to render on the browser

npm start

Run tests

To run tests, run the following command:

Please run the following to test npm run test

Deployment

You can deploy this project using:

Please run the following to deploy npm run deploy

👥 Author Mention all of the collaborators of this project.

👤 Riyana

🔭 Future Features

continue modifying till I get the best app from my app

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Write a message to encourage readers to support your project

If you like this project...

🙏 Acknowledgments

Hat tip to anyone whose code was used Microverse program Nelson Sakwa for providing the design Microverse team Our family's support

(back to top)

# ❓ FAQ

How can I find the node modules folder?

The node modules folder was added to the gitignore file, so you need to install it manually Please run the following to install node modules

npm install

Which index.html file should I open to make some changes in src folder or dist folder?

Please make change only to Html, CSS and JS files in the src directory (back to top)

📝 License This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.