All Projects → Jigar3 → Wall-Street

Jigar3 / Wall-Street

Licence: other
A React Based Web App that allows you to trade virtually

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to Wall-Street

hotlist
今日热榜(前端)
Stars: ✭ 51 (+75.86%)
Mutual labels:  bulma, react-router-v4
balance
A laravel finance application for everyday use
Stars: ✭ 23 (-20.69%)
Mutual labels:  bulma
pagination
Aplus Framework Pagination Library
Stars: ✭ 167 (+475.86%)
Mutual labels:  bulma
bulma-admin
Free admin panel template based on bulma css
Stars: ✭ 28 (-3.45%)
Mutual labels:  bulma
rogue.js
The "nearly invisible" way to server-render React applications
Stars: ✭ 1,914 (+6500%)
Mutual labels:  react-router-v4
vue-custom-google-autocomplete
🔍 Google Place Autocomplete Search - Renderless component + Wrappers for Bulma, Bootstrap and more...
Stars: ✭ 31 (+6.9%)
Mutual labels:  bulma
vue-social-login
A Vue.js social login with: Firebase, Bulma and PWA
Stars: ✭ 21 (-27.59%)
Mutual labels:  bulma
mickey
🤠 Lightweight front-end framework for creating React and Redux based app painlessly.
Stars: ✭ 26 (-10.34%)
Mutual labels:  react-router-v4
Bulma-Snippets-Sublime-Text-Plugin
Bulma Snippets Sublime Text Plugin
Stars: ✭ 13 (-55.17%)
Mutual labels:  bulma
precharts
Just Recharts pre-aliased for Preact.
Stars: ✭ 26 (-10.34%)
Mutual labels:  recharts
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-34.48%)
Mutual labels:  bulma
bulma-vuejs-demo-website
A demo website based on framework Bulma (css) & vuejs (JS)
Stars: ✭ 49 (+68.97%)
Mutual labels:  bulma
vue-portfolio
💼 Portfolio built with Vue and Bulma
Stars: ✭ 13 (-55.17%)
Mutual labels:  bulma
apollobank
A full stack GraphQL banking application using React, Node & TypeScript.
Stars: ✭ 203 (+600%)
Mutual labels:  recharts
isomorphic-relay-app
Example isomorphic React-Relay-(Modern / Classic)-Router app and helper lib that connects to Artsy's GraphQL service
Stars: ✭ 13 (-55.17%)
Mutual labels:  react-router-v4
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (+75.86%)
Mutual labels:  bulma
universal-react-redux-typescript-starter-kit
A minimal starter kit with React, Redux, server side rendering, hot reloading, and Webpack 2. 100% TypeScript.
Stars: ✭ 12 (-58.62%)
Mutual labels:  react-router-v4
mall-by-react
一个react商城客户端和egg服务端
Stars: ✭ 22 (-24.14%)
Mutual labels:  react-router-v4
ghost-vue
Frontend for Ghost built with Vue.js and Bulma
Stars: ✭ 25 (-13.79%)
Mutual labels:  bulma
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (+134.48%)
Mutual labels:  bulma

What is Wall Street?

Wall Street is a virtual stock trading web application made using React. This application intends to help future investors learn the ups and downs of the stock market and build a portfolio of stocks for themselves. Beginning with a sum of $10,000 you get a chance to get accustomed to the buying and selling of stocks, track your progress over a period of time and make yourself ready to conquer the stock market.

Why Wall Street?

The stock market has always been considered a risky business, infact, some might even go to the extents of calling these investments as gambles. Wall Street is a Web Application that will prove otherwise. With access to virtual money and a starting sum of $10,000, Wall Street will enable you to build your very own portfolio from scratch. Here, you get a chance to learn about how the stock market operates in the real world, find your way through profits and losses and gain a practical hand on experience of this trade business without the risk of stepping into the real stock exchange.

Installation

You need to have Node installed on your local machine. Node

NPM(Node Package Manager is already bundled with Node). You can use yarn as well. Install Yarn from here

To run the project

cd v2/
yarn install
yarn start

Yarn can be replaced by npm.

The above command will start the frontend

To start the backend

cd v2/backend
yarn install
yarn start

The App uses a Mongo database so you will need to start a mongo service first on your local machine or if you don't want local mongo instance you can use mLab. Replace your mLabURI with the local one in v2/backend/models/mongoose-setup.js and put your username and password in a .env file. Sample env file is given backend/.env.sample. Just replace it with your mLab credentials and rename the file to .env

To add a feature request just create an issue.

The v1 of this project was made when I just started out learning React, so it has lots of bugs and some core features didn't work properly(blame decimal alegbra in JavaScript)

To improve on all of it, I have made a v2 which is just more stable and better and with good practices. I have used TypeScript in React for the first time and really liked it, having static checking goes a long way in development process.

For all the participants of OpenCode, I just want to tell you that this project might be a litle daunting given your experience level. You may face many problems in the setup itself, don't get disheartned and leave it in the middle. You may contact me anytime on Facebook and resolve your doubts. If you get stuck or don't know how to solve a particular issue or need some suggestions always feel free to ask me or anyone. Feel free to comment on any issues to get clarification, hint or any doubt you might have.

Enjoy!!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].