Stockly is the go-to website to follow/search stocks daily. This is a React-based application that fetches a live updated Stocks API to retrieve precise data. This project consists of 2 pages. On the one hand, we have a master page where we can visualize the Most Gainers and Most Losers Lists, and also the main Stocks List which can be filtered. On the other hand, we have a Stock Detail page. Whenever you click on an item on the Stock List, you will be redirected to the Stock Detail page using React Router.
API usage is restricted to 250 requests, please be mindful when using the filter search since it makes 2 requests per word typed
- React
- Redux
- React Router
- JS
- HTML
- CSS
- Node.js
- React-DOM
- React-Create-App
- npm
- ES6
- Clone this project into your local environment.
- Run the command
npm install
to install all the required dependencies. - Run the command
npm start
- Open http://localhost:3000 to view it in the browser.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
- Live per minute stock data updates
- Stock tracking lists
- Support multiple exchanges
👤 Diego Antonio Reyes Coronado
- Github: @xtrmdarc
- Twitter: @diegoreyesco
- Linkedin: diegoreyesco
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!