For this repository, I've been working on the React Capstone Project to create a React app using Redux, the main objective is to use the Stock API to consume it, using actions and reducers in React, to understand the concepts about state management, connect React and Redux, connect an existing API via Redux and use the data to display something in the UI, apply React best practices and language style guides in code, and finally add tests using JEST and React Testing Library in the app.
Original design idea by Nelson Sakwa on Behance.
- JavaScript
- CSS
- Bootstrap
- React JS
- Redux
- Redux Toolkit
- API/Testing
To get a local copy up and running follow these simple example steps.
- Open terminal
- Clone this project by the command:
$ git clone https://github.com/DanteAlonsoHT/Stock-API-Capstone.git
- Then go to the main folder using the next command:
$ cd Stock-API-Capstone
- Then run the next command to install all dependencies:
$ npm install
- Finally, run the next command in the terminal to see the web app in your local browser, or also, you can use Live Server in Visual Studio Code.
$ npm start
- If you want to run our tests, use the next command.
$ npm test
- IDE to edit and run the code (We use Visual Studio Code 🔥).
- Node.js already downloaded.
- For anyone who wants to practice React skills.
- For anyone who wants to practice Redux techniques an testing in React apps.
This project was bootstrapped with Create React App.
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!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved: Here
This section has moved: Here
This section has moved: Here
This section has moved: Here
This section has moved: Here
👤 Dante Alonso
- GitHub: @DanteAlonsoHT
- Twitter: @dante_dante1
- LinkedIn: Dante Alonso
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project
- Hat tip to anyone whose code was used 🔰
- Inspiration 💘
- Microverse program ⚡
- Our standup team 🏹
- Our family's support 🙌
- Original design idea by Nelson Sakwa on Behance.
This project is MIT licensed.