Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yosephdev/stock-portfolio-app
A simple stock portfolio tracking application using React
https://github.com/yosephdev/stock-portfolio-app
react stock-portfolio
Last synced: 4 days ago
JSON representation
A simple stock portfolio tracking application using React
- Host: GitHub
- URL: https://github.com/yosephdev/stock-portfolio-app
- Owner: yosephdev
- License: mit
- Created: 2020-02-09T20:03:46.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-09-24T09:43:14.000Z (about 1 year ago)
- Last Synced: 2023-09-24T17:49:31.683Z (about 1 year ago)
- Topics: react, stock-portfolio
- Language: JavaScript
- Homepage: https://yosephdev.github.io/stock-portfolio-app/
- Size: 2.98 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Stock Portfolio
Welcome to the Stock Portfolio application! This web app allows you to manage and track your stock portfolio. You can add stocks, update their details, and see the market value and gain/loss of your portfolio.
![Stock Portfolio](/screenshot.JPG)
## Getting Started
To get started with the Stock Portfolio app, follow these steps:
1. Clone the repository to your local machine.
2. Install the required dependencies by running `npm install` in the project directory.
3. Start the development server by running `npm start`.
4. Open your web browser and visit `http://localhost:3000` to access the app.## Usage
Once you have the app up and running, you can perform the following actions:
- View the list of stocks in your portfolio, including their details such as shares owned, cost per share, market price, market value, and unrealized gain/loss.
- Edit the details of each stock, such as changing the number of shares owned or updating the market price.
- Add new stocks to your portfolio by filling out the form with the stock's name, shares owned, cost per share, and market price.
- Remove stocks from your portfolio by clicking the "Remove" button next to each stock.
- See the overall market value and gain/loss of your entire portfolio.## Technologies Used
The Stock Portfolio app is built using the following technologies:
- React: A JavaScript library for building user interfaces.
- ReactDOM: A package for rendering React components in the browser.
- HTML: The standard markup language for creating web pages.
- CSS: A stylesheet language used for styling web pages.## Contributing
Contributions to the Stock Portfolio app are always welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on the GitHub repository.
## License
This project is licensed under the MIT License. You can find the license details in the [LICENSE](./LICENSE) file.
## Contact
If you have any questions or need further assistance, feel free to contact me at [[email protected]](mailto:[email protected]). You can also visit my [GitHub profile](https://github.com/yosephdev) for more projects.