zunairkhan811 / react-stocks-project

In this Project, Stocks Data is presented using Stocks API, and the details of every stock are shown when the user clicks on the specific stock, and the project is completed using React-Redux.

React Stocks Project

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [React-Stocks-Project]

[React-Stocks-Project] In this project Stocks are fetched using API and their details are also fetched using API and details of the specific stock are shown when user click on that stock. User can also filter stocks using search Bar.

• [Video Link about Project] Click Here

🛠 Built With

• HTML
• CSS
• Javascript
• React-Redux

Tech Stack

Client

• "HTML"
• "CSS"
• "Javascript"
• "React"

Key Features

• Create a stocks web app
• Show all stocks data using API
• Show details of specific stock on click using API
• User can filter specific stock using searchbar

(back to top)

🚀 Live Demo

• Live

(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: Open terminal on the same folder of the project and run:

 npm install

Setup

Clone this repository to your desired folder:

  git https://github.com/zunairkhan811/react-stocks-project.git
  cd react-book-store

Install

Install this project with:

  npm install

Usage

1. download the project from clone
2. Install all dependencies using *npm install* in your visual studio terminal
3. Run *npm run start*
4. You can see it in the browser

Build for production

npm run build

Run tests

• Linter Tests

To run tests, run the following command:

To check for html errors run:

  npx hint .

To check for css errors run:

  npx stylelint "**/*.{css,scss}"

To check for js errors run:

  npx eslint "**/*.{js,jsx}"

(back to top)

👥 Authors

👤 Muhammad Zunair khan

• GitHub: @zunairkhan811
• Twitter: @zunairkhan811
• LinkedIn: mzunairkhan

(back to top)

🔭 Future Features

• Add Responsiveness to website
• Add some new features to the project

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [https://github.com/zunairkhan811/react-stocks-project.git](issue page).

(back to top)

⭐️ Show your support

If you like this feel free to follow me on github and give this project a star..

(back to top)

🙏 Acknowledgments

• Thanks to Nelson Sakwa on Behance for the original design idea.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)