Skip to content

Binance Web App is a web application that provides users with a user-friendly interface for tracking cryptocurrency prices, connecting to an account, and simulating the buying and selling of cryptocurrencies. Users can trade based on the current market price or set a limit price, and compare their results with other users on the platform.

License

Notifications You must be signed in to change notification settings

elie-atia/binance-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Binance web app

Binance Web App is a web application that provides users with a user-friendly interface for tracking cryptocurrency prices, connecting to an account, and simulating the buying and selling of cryptocurrencies. Users can trade based on the current market price or set a limit price, and compare their results with other users on the platform.

Features

• Real-time cryptocurrency price tracking
• Account creation and login
• Simulated buying and selling of cryptocurrencies (no real money involved)
• Market and limit order types
• Performance comparison with other users

Technologies

• React for frontend development
• Styled-components for component styling
• React-redux for frontend state management
• MongoDB for the database
• Express for backend server deployment
• WebSocket (ws) for real-time communication between frontend and backend

Getting Started

Prerequisites

Ensure you have the following installed on your system:

• Node.js
• Yarn package manager
• Git

Instalation

  1. Clone the repository:

git clone https://github.com/elie-atia/binance-web-app.git

  1. Install the required dependencies for both frontend and backend:

cd frontend yarn cd ../backend yarn

  1. Start the backend server:

cd backend yarn start

The backend server will be running on http://localhost:3001.

  1. In a separate terminal, start the frontend development server:

cd frontend yarn start

The frontend application will be running on http://localhost:3000.

Contributing

We welcome contributions from the community! If you'd like to contribute to the project, please follow these steps:

=> Fork the repository
=> Create a new branch for your changes
=> Make your changes and commit them to your branch
=> Push your changes to your forked repository
=> Create a pull request to the main repository

Usage

  1. Open the application in your browser at http://localhost:3000.

Todo

  • Responsive design
  • Finish implementing trade orders: display the pnl in real time be able to close the order...
  • Create a page that displays the results of all users: profit of the day, of the week...
  • Give each user a virtual wallet with an initial sum and update this sum according to the trades made
  • Improve frontend design

Some mongodb commands

-Run mongodb on powerShell terminal
& 'C:\Program Files\MongoDB\Server\6.0\bin\mongod.exe' --dbpath 'C:\data\db'

-Stop mongodb
net stop MongoDB

About

Binance Web App is a web application that provides users with a user-friendly interface for tracking cryptocurrency prices, connecting to an account, and simulating the buying and selling of cryptocurrencies. Users can trade based on the current market price or set a limit price, and compare their results with other users on the platform.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published