Skip to content

Latest commit

 

History

History
151 lines (89 loc) · 4.51 KB

README.md

File metadata and controls

151 lines (89 loc) · 4.51 KB
Raw

React Capstone Project: Stock API 🤑

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.

Live Demo Version Link 👀

Original design idea by Nelson Sakwa on Behance.

Built With 🔨

  • JavaScript
  • CSS
  • Bootstrap
  • React JS
  • Redux
  • Redux Toolkit
  • API/Testing

Install

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

Run tests

  • If you want to run our tests, use the next command.

$ npm test

Prerequisites

  • IDE to edit and run the code (We use Visual Studio Code 🔥).
  • Node.js already downloaded.

Usage

  • For anyone who wants to practice React skills.
  • For anyone who wants to practice Redux techniques an testing in React apps.

Gettin Started ReactJS

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

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.

npm run test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

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.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved: Here

Analyzing the Bundle Size

This section has moved: Here

Making a Progressive Web App

This section has moved: Here

Advanced Configuration

This section has moved: Here

Deployment

This section has moved: Here

Authors

👤 Dante Alonso

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project

Acknowledgments

  • 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.

📝 License

This project is MIT licensed.