Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oscargonzalezdev/investment-dashboard-client
Investapp is a client-side web application that allows users to simulate trading stocks with a starting balance.
https://github.com/oscargonzalezdev/investment-dashboard-client
alphavantage chakra-ui charts css dashboard front-end-development html investment javascript newyorktimes plotly react stock-market webapp
Last synced: 6 days ago
JSON representation
Investapp is a client-side web application that allows users to simulate trading stocks with a starting balance.
- Host: GitHub
- URL: https://github.com/oscargonzalezdev/investment-dashboard-client
- Owner: oscargonzalezdev
- License: mit
- Created: 2022-10-05T19:27:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-17T10:08:42.000Z (9 months ago)
- Last Synced: 2024-12-15T19:05:50.467Z (13 days ago)
- Topics: alphavantage, chakra-ui, charts, css, dashboard, front-end-development, html, investment, javascript, newyorktimes, plotly, react, stock-market, webapp
- Language: JavaScript
- Homepage: https://investapp.oscargonzalez.dev/
- Size: 3.97 MB
- Stars: 10
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Investment Dashboard
View Demo
·
Report Bug
·
Support
Table of Contents
## About The Project
[](https://investapp.oscargonzalez.dev)
Investapp is a client-side web application that allows users simulate trading stocks with a starting balance.
### Built With
* React for UI building.
* Plotly.js for data visualization.
* Chackra UI for UI styling.
* JavaScript, HTML, CSS as a general stack to build web applications.
## Getting Started
To get and run a local copy of this project follow the instructions below.
### Installation
1. Clone the repo
```sh
git clone https://github.com/oscargonzalezdev/investment-dashboard-client.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the project locally
```sh
npm start
```
## Roadmap
- [X] Layout component.
- [X] Welcomme component to set name and initial deposit.
- [x] Stock section to show trending stocks
- [X] Investments section to diplay a list of transactions.
- [X] Wallet section to manage deposits and transfers.
- [X] News section to display top and breaking news.
- [X] Overview section containing a selection of components.
- [X] Search functionality for stocks.
- [X] Watchlist component.
- [ ] Component to show investment performance.
See the [open issues](https://github.com/oscargonzalezdev/investment-dashboard-client/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Author
[www.oscargonzalez.dev](https://oscargonzalez.dev) |
[LinkedIn](https://linkedin.com/in/oscargonzalezdev) |
[Twitter](https://twitter.com/oscardev_)
## Links
- GitHub repository: [https://github.com/oscargonzalezdev/investment-dashboard-client](https://github.com/oscargonzalezdev/investment-dashboard-client)
- Demo: [https://investapp.oscargonzalez.dev](https://investapp.oscargonzalez.dev)
[contributors-shield]: https://img.shields.io/github/contributors/oscargonzalezdev/investment-dashboard-client.svg?style=for-the-badge
[contributors-url]: https://github.com/oscargonzalezdev/investment-dashboard-client/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/oscargonzalezdev/investment-dashboard-client.svg?style=for-the-badge
[forks-url]: https://github.com/oscargonzalezdev/investment-dashboard-client/network/members
[stars-shield]: https://img.shields.io/github/stars/oscargonzalezdev/investment-dashboard-client.svg?style=for-the-badge
[stars-url]: https://github.com/oscargonzalezdev/investment-dashboard-client/stargazers
[issues-shield]: https://img.shields.io/github/issues/oscargonzalezdev/investment-dashboard-client.svg?style=for-the-badge
[issues-url]: https://github.com/oscargonzalezdev/investment-dashboard-client/issues
[license-shield]: https://img.shields.io/github/license/oscargonzalezdev/investment-dashboard-client.svg?style=for-the-badge
[license-url]: https://github.com/oscargonzalezdev/investment-dashboard-client/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/oscargonzalezdev