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.
• 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
• 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
Ensure you have the following installed on your system:
• Node.js
• Yarn package manager
• Git
- Clone the repository:
git clone https://github.com/elie-atia/binance-web-app.git
- Install the required dependencies for both frontend and backend:
cd frontend
yarn
cd ../backend
yarn
- Start the backend server:
cd backend
yarn start
The backend server will be running on http://localhost:3001
.
- In a separate terminal, start the frontend development server:
cd frontend
yarn start
The frontend application will be running on http://localhost:3000
.
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
- Open the application in your browser at
http://localhost:3000
.
- 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
-Run mongodb on powerShell terminal
& 'C:\Program Files\MongoDB\Server\6.0\bin\mongod.exe' --dbpath 'C:\data\db'
-Stop mongodb
net stop MongoDB