This project is a cryptocurrency exchange web page built using Next.js with WebSocket connection. It provides real-time updates of cryptocurrency prices
Data is provided by Binance. If your region blocked Binance, please use VPN, otherwise you will get dummy data
Demo available here
- Real-time updates of cryptocurrency prices using WebSocket connection.
- Responsive design for seamless user experience across devices.
- Comprehensive error handling to ensure smooth user interactions.
- Documentation for easy setup and maintenance.
- Light and Dark Mode UI
- Next.js: Frontend framework for building React applications.
- WebSocket: Protocol for real-time communication between client and server.
- React: JavaScript library for building user interfaces.
- Node.js: JavaScript runtime environment for server-side development.
- Material UI: Components.
- Redux: State Managements
- ApexCharts: Charting Library
- Docker: For better development (Optional)
-
Clone the repository:
git clone https://github.com/andreyyoshua/CryptoExchange
-
Install Dependencies:
cd CryptoExchange npm install
-
Configure environment variables: Adjust .env.local file in the root directory and add the necessary environment variables, including database connection strings, API keys, etc (f needed)
-
Run the Project
npm run dev
-
Open your web browser and navigate to http://localhost:3000 to view the application.
- Install Docker on your machine.
- Build your container:
docker build -t nextjs-docker .
. - Run your container:
docker run -p 3000:3000 nextjs-docker
.
You can view your images created with docker images
.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact [email protected]