Giter Club home page Giter Club logo

react-project-capstone's Introduction

logo

Market stocks app

๐Ÿ“— Table of Contents

๐Ÿ“– About the project

This project is a web and mobile application that takes inspiration from the design of Nelson Sawka. It consists of two pages: the home page and the detail page. The home page showcases a selection of stocks from the Stock Market Exchange, each represented by its symbol (e.g., AAPL for APPLE Inc). Additionally, it displays the company's CIK as a numerical value, which serves as the registration number of the company before the SEC. The data used in the application is obtained from the Polygon API documentation (available at https://polygon.io/docs/stocks/get_v1_indicators_rsi__stockticker).

The application is developed using React.js and Redux, which enables efficient state management. Moving to the detail page, when a user clicks on one of the displayed items, they are presented with comprehensive information about the selected stock. This information includes details like the company's city, state, type of market, and total number of employees. The data for the detail page is fetched from another API provided by Polygon, specifically designed to retrieve data for the selected item. To facilitate the retrieval and storage of this information, Redux is utilized as a central store.

This project is a Single Page Application (SPA), which utilizes modern web technologies to provide a seamless and fluid user experience. By leveraging client-side rendering, the application eliminates the need for full page reloads, enabling users to navigate within the page smoothly.

๐Ÿ›  Built with

Tech stack

Languages and technologies

Key features

  • [Centralized state]
  • [REST API]
  • [Single Page Application]

(back to top)

๐Ÿš€ Live demo

Live Demo Link

loom Video : https://www.loom.com/share/2600f52416f84137ab1873b77db989db

(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:

Setup

Clone this repository to your desired folder:

git clone https://github.com/danielamoreno699/react-project-capstone/tree/project-draft

Install

npm install

Usage

npm run start

Run tests

To run tests, run the following command:

npm run test

Deployment

You can deploy this project using:

Render

๐Ÿ‘ทโ€โ™‚๏ธ๐Ÿ‘ทโ€โ™€๏ธ Authors

๐Ÿ‘ทโ€โ™€๏ธ Daniela Moreno

(back to top)

๐Ÿ”ญ Future features

  • [include more api to display info]
  • [registration section]

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you get inspired by this project you can give us a star ๐Ÿ™Œ

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank for the design idea of Nelson Sawka on Behance(https://www.behance.net/sakwadesignstudio) ๐Ÿš€

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

react-project-capstone's People

Contributors

danielamoreno699 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.