https://github.com/mmggyy66/metrics-webapp-capstone-project

This React capstone project is about building a mobile web app to check a list of metrics that I will create making use of React and Redux. An API is used to provide numeric data about a topic and then build the webapp around it. The webapp will have many pages: one page with a list of items (homepage) and another page for the item details.
https://github.com/mmggyy66/metrics-webapp-capstone-project

javascript reactjs redux reduxtoolkit scss

Last synced: 10 days ago
JSON representation

This React capstone project is about building a mobile web app to check a list of metrics that I will create making use of React and Redux. An API is used to provide numeric data about a topic and then build the webapp around it. The webapp will have many pages: one page with a list of items (homepage) and another page for the item details.

• Host: GitHub
• URL: https://github.com/mmggyy66/metrics-webapp-capstone-project
• Owner: MMGGYY66
• Created: 2023-03-09T12:03:54.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T12:34:48.000Z (about 2 years ago)
• Last Synced: 2025-02-05T13:14:42.493Z (2 months ago)
• Topics: javascript, reactjs, redux, reduxtoolkit, scss
• Language: JavaScript
• Homepage: https://companies-metrics-mohamed.netlify.app/
• Size: 1.18 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# React metrics webapp capstone project (Module 3)



  

  


  
React metrics webapp capstone project




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 React metrics webapp capstone project ](#metrics-webapp-capstone-project)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

      - [🔭 Future Features ](#-future-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [🚀 Project Presentation Video ](#-project-presentation-video-)

  - [💻 Getting Started ](#-getting-started-)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage](#usage)

    - [Testing](#testing)

    - [Deployment](#deployment)

  - [👥 Authors](#-authors)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 space travellers group-project 

 This capstone project is about building a mobile web app to check a list of companies and their financial metrics created by making use of React and Redux. An API (https://financialmodelingprep.com/api/v3/nasdaq_constituent) is used to provide numeric data about companies and then build the webapp around it. The webapp will have two pages: one page with a list of items of companies (homepage) and another page for the item details (company details). 

 Original Design Official by [Nelson Sakwa](https://www.behance.net/gallery/31579789/Ballhead-App-%28Free-PSDs%29).

## 🛠 Built With 

### Tech Stack 

  Client

  


    
React.js

    
Redux

    
React Router

    
Html5

    
CSS3

    
JS

    
ESLint

    
StyleLints

    
GitFlow

    
ES6

    
Webpack

    
Jest

  


  Server

  


    
N/A

  


Database

  


    
N/A

  


### Key Features 

- **[Dynamically]**

- **[Git-flow]**

- **[Good-HTML-JS-and-CSS-practices]**

- **[ES6-modules]**

- **[react-Jest-tests]**

- **[react-Webpack]**

(back to top)


#### 🔭 Future Features 

## 🚀 Live Demo 

# [metrics-webapp-capstone-project](https://companies-metrics-mohamed.netlify.app/)

(back to top)


## 🚀 Project Demonstration Video 

- [Demo-Video-for-metrics-webapp-capstone-project](https://www.loom.com/share/db6b657b8dc44df5a21697c520cb5fe9)

(back to top)


## 💻 Getting Started 

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

### Setup

Clone this repository to your desired folder:

```sh

  git clone https://github.com/MMGGYY66/metrics-webapp-capstone-project

```

### Install

Install this project with:

```sh

  npm install

```

### Usage

### Install

After cloning the repo you need to install de dependencies.

- Run this command in the project folder:

 npm install

To run the project, execute the following command:

- Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. run:

 npm run build

 - Runs the app in the development mode. Open http://localhost:3000 to view it in the browser: run

 npm start

### Run tests

To run tests, run the following command:

 npm test### Testing

### Deployment

[metrics-webapp-capstone-project](https://companies-metrics-mohamed.netlify.app/)

(back to top)


## 👥 Authors



👤 **Mohamed Gamil Eldimardash**

- GitHub: [@github](https://github.com/MMGGYY66)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/mohamed-eldimardash-0023a3b5/)

- Twitter: [twitter](https://twitter.com/MOHAMEDELDIMARd)

- Facebook: [facebook](https://www.facebook.com/MOHAMED.ELDIMARDASH/)

- StackOverflow: [stackoverflow](https://stackoverflow.com/users/13605630/mohamed-gamil-eldimardash)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/MMGGYY66/metrics-webapp-capstone-project/issues).

(back to top)


## ⭐️ Show your support 

If you like this project take the time to give a star, follow us and a feedback, we will appreciate it.

(back to top)


## 🙏 Acknowledgments 

I would like to thank microverse for the great resources shared. Also I would like to thanks [Nelson Sakwa](https://www.behance.net/gallery/31579789/Ballhead-App-%28Free-PSDs%29) on Behance for Original Design Official.

(back to top)


## 📝 License 

This project is [MIT](https://github.com/MMGGYY66/metrics-webapp-capstone-project/blob/setup/MIT.md) licensed.

(back to top)