https://github.com/abdelaziz-mahdi/most-gainers

"Most Gainers" is a website that displays the stock market of most gainers companies. It is a Single Page App (SPA) that allows users to watch live data about the biggest percentage change in supported stocks which returns the most gainers. As fields, it returns the ticker, name, change, and percentage change.
https://github.com/abdelaziz-mahdi/most-gainers

Last synced: 28 days ago
JSON representation

"Most Gainers" is a website that displays the stock market of most gainers companies. It is a Single Page App (SPA) that allows users to watch live data about the biggest percentage change in supported stocks which returns the most gainers. As fields, it returns the ticker, name, change, and percentage change.

• Host: GitHub
• URL: https://github.com/abdelaziz-mahdi/most-gainers
• Owner: Abdelaziz-Mahdi
• License: mit
• Created: 2023-07-31T15:01:32.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2023-08-06T06:07:02.000Z (over 1 year ago)
• Last Synced: 2024-05-17T15:35:56.578Z (6 months ago)
• Language: JavaScript
• Size: 3.15 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




Most-Gainers



# 📗 Table of Contents

- [📖 About the Project](#about-project)

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

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [:movie_camera: Project Presentation](#project-presentation)

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

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

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 Most-Gainers

"Most Gainers" is a website that displays the stock market of most gainers companies. It is a Single Page App (SPA) that allows users to watch live data about the most significant percentage change in supported stocks which returns the most gainers. It returns the ticker, name, change, and percentage change as fields.

## 🛠 Built With 

### Tech Stack 

  Languages &  bundlers

  


    
JSX

    
CRA

    
Jest

  


  Server

  


    
Render

  


Database

  


    
Stock Market Most Gainers API

  


### Key Features 

- **Use GitFlow.**

- **Single page React app.**

- **Consume app data from API.**

(back to top)


## :movie_camera: Project Presentation 

Walking through portfolio outline.

- [Project Presentation Link](https://www.loom.com/share/78f59f913310492aacaa81867070289d?sid=8b836f4b-8878-494a-8404-a18097c00637)

(back to top)


## 🚀 Live Demo 

- [Most-Gainers Live Demo](https://most-gainers.onrender.com/)  //

*Press `Ctrl + click` to open the link in a new tab.*

(back to top)


## 💻 Getting Started 

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

### Prerequisites

In order to run this project you need:

- Install Node.js.

- Visual Studio Code or equivalent. 

- Internet Browser

### Setup

Clone this repository to your desired folder:

- cd my-folder

- git clone [https://github.com/Abdelaziz-Mahdi/Most-Gainers.git](https://github.com/Abdelaziz-Mahdi/Most-Gainers.git)

### Install

Install this project with:

- cd my-project

- git config --global --add safe.directory my-directory/my-folder/my-project

 

### Usage

To run the project, execute the following command:

- code .

- npm install

- npm start

### Run tests

To run tests, run the following command:

npm test

### Deployment

You can deploy this project using the following:

- Render.

(back to top)


## 👥 Authors 

👤 Abdelaziz Ali

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

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

- LinkedIn: [in/abdelaziz-mahdi](https://www.linkedin.com/in/abdelaziz-mahdi)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

- Template used in the project provided by (Microverse)!

- Original design idea by Nelson Sakwa on Behance.

If you liked the original design that inspired this project, I recommend you visit [Nelson Sakwa's Behance post](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)). and follow him on Behance to support her work.

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)