Node web app for managing your stock portfolio (client)
- Live demo - Live demo username:
tester
, password:123456
- Help - create-react-app user guide
- Components - more information about react components used
- Hours - Working hours at Google Sheets
NOTE: As Yahoo updated their finance API to v10, there is currently some issues retrieving the data, Stockfolio is depending on yahoo-finance as data provider and people are working to get the module functional.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
What things you need to install the software and how to install them
- Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
- Stockfolio-server - Backend for stockfolio server running either locally or at some host
A step by step series of examples that tell you have to get a development env running
git clone https://github.com/leevilehtonen/stockfolio-client.git //or with ssh
cd stockfolio-client
npm install
npm start // runs project in development mode in local development server
NOTE: To be able to connect to your own stockfolio-server you need to change API_URI variable at /utils/api.js depending on your server adress
npm run build // creates production build
npm install
npm test
For building production ready app:
npm install
npm run build
If you want to deliver your own copy of stockfolio, it's very easy to serve at Firebase, see more docs at firebase website
- bootstrap: The most popular front-end framework for developing responsive, mobile first projects on the web.
- chart.js: Simple HTML5 charts using the canvas element.
- history: Manage session history with JavaScript
- jwt-decode: Decode JWT tokens, mostly useful for browser applications.
- prop-types: Runtime type checking for React props and similar objects.
- randomcolor: For generating attractive random colors
- react: React is a JavaScript library for building user interfaces.
- react-addons-css-transition-group: This package is deprecated and will no longer work with React 16+. We recommend you use
CSSTransitionGroup
from [react-transition-group
] Needed for reactstrap(https://github.com/reactjs/react-transition-group) instead. - react-addons-transition-group: This package is deprecated and will no longer work with React 16+. We recommend you use
TransitionGroup
from [react-transition-group
] Needed for reactstrap(https://github.com/reactjs/react-transition-group) instead. - react-alert: A simple react alert component
- react-chartjs-2: react-chartjs-2
- react-dom: React package for working with the DOM.
- react-redux: Official React bindings for Redux
- react-router-dom: DOM bindings for React Router
- react-router-redux: Redux bindings for React Router
- reactstrap: React Bootstrap 4 components
- redux: Predictable state container for JavaScript apps
- redux-thunk: Thunk middleware for Redux.
- validator: String validation and sanitization
- react-docgen-readme: CLI tool that extracts information from React Components using react-docgen, transforms that information into Markdown and adds it to your README file.
- react-scripts: Configuration and scripts for Create React App.
Make merge ready PR or contact me with feature suggestions.
- Leevi Lehtonen - Initial work - LeeviLehtonen
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE file for details