/stock-trader

:heavy_dollar_sign: A web application built with Vue.js and Node.js where users can buy stocks and sell them to have profit

Primary LanguageVue

💲 StockTrader 💲

This is the version of the StockTrader app that I changed to use a REST API as the back-end of the app and I've also refactored the code of the front-end to use the API instead of the Firebase database. In this application users can buy stocks and sell them to have profit

Repo's top language Repository size

Used Technologies   |    The project's objective   |    Final Result   |    How to Run

🚀 Used Technologies

Front-end techs:

  • Vue.js to build all the front-end in general
  • Vuex to manage the state of the application
  • Vuetify to build the application faster without having to create a lot of components and style them
  • Sweet Alert to give the user friendlier alerts
  • Axios.js to make the requests for the backend

Back-end techs:

🎯 The project's objective

The aim of this project was practicing and fixing the concepts of Vue.js and Vuex(state manager for Vue.js apps) in my head, and also experience the process of the back-end and the front-end development in a project, I enjoyed building this app really much and I also loved the final result

📋 Final Result

ℹ️ How to Run

Follow the steps below to run the application on your computed, first of all, you'll need to have these tools installed on your computer: Git, Node.js, Yarn and the Vue-CLI
If you have all of these tools installed on your computer, just follow the steps below:

# Clone the repository in some directory of your computer
$ git clone https://github.com/TiagoDiass/stock-trader.git

# Enter in the repository
$ cd stock-trader

# Enter in the back-end folder
$ cd backend

# Install the dependencies
$ yarn install

# Start the backend
$ yarn start

After following the steps above, open another terminal on the base directory of the repo and follow the steps below:

# Enter in the front-end folder
$ cd frontend

# Install the dependencies
$ yarn install

# Start the frontend
$ yarn start

After following these steps, the terminal will show you in which port it's running, it's on the port 8080 usually, so, you'll just need to enter in your browser and type localhost:8080, then you'll see the app running. When you want to stop it, go to the terminal that you used to start the app, and type CTRL+C, this way you'll stop the app


Hope you enjoyed this project 😃
👋 Get in touch!

Author: Tiago Dias