Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money
Tags: cryptocurrency
Published: 2023-12-06 09:11:02

---
title: Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money
published: true
date: 2023-12-05 00:46:00 UTC
tags: Cryptocurrency
canonical_url: https://reactjsexample.com/full-stack-crypto-exchange-that-lets-you-practice-cryptocurrency-trading-with-fake-money/
---

# Crypto Exchange
 ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://reactjsexample.com/content/images/2023/12/Code_2023-12_12-41-04.jpg)

Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money!

[Visit Crypto Exchange](https://rcamach7.github.io/crypto-exchange/)

![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://github.com/phoo7777/fake-crypto-exchange-trading/raw/master/crypto_demo.gif)

## Key Features

- Users can view, purchase and sell crypto coins at real-time market prices. Crypto data can be filtered, sorted, and searched by user.
- Utilized Redux to manage application state for an easier and more predictable access across application.
- Client built with React, using typescript. Utilized MUI Components, styled components, and SCSS for a responsive UI.
- Back end server built with Node, Express, and MongoDB, using an external API to obtain real-time crypto prices.
- Implemented user authentication via JWT, data validation/sanitation on client and server, and error handling on API calls.

#### Built Using:

![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/9fff4cc6408f19d21ba4006d4b420af590f4e1ca95745df517b6c913eef439e7/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313635323439313437372f6d61696e2d706f7274666f6c696f2f746563682d736b696c6c732f747970657363726970745f76337a746c692e706e67) ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/790c0025b5da25809ae617d6554bbe3815a3a172da064acf8d705a8b18df0cad/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313634383531343833382f6d61696e2d706f7274666f6c696f2f616e696d617465642d6c6f676f732f72656163742d616e696d5f6a717473786f2e676966) ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/8b2ede08d47150a4b229d15b57699d626f32a636e1ca96c8115f1ad0f5c03d46/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313635363131363634332f6d61696e2d706f7274666f6c696f2f746563682d736b696c6c732f72656475785f72626275747a2e706e67) ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/ebc79e2f3eaef8e731b33340759ae2ef43fa1c29ed152af83c9bd64cd4a311f1/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313634363130313331382f6d61696e2d706f7274666f6c696f2f746563682d736b696c6c732f6e6f64655f6c7a707671362e706e67) ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/02a00f830d4ce11ec215e757d5e37c5c9f16e987145589f28efccd87d01ecb69/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313634373633343939382f6d61696e2d706f7274666f6c696f2f746563682d736b696c6c732f657870726573735f69627466766c2e706e67) ![Full stack Crypto Exchange that lets you practice cryptocurrency trading with fake money](https://camo.githubusercontent.com/586564c9dab91819476ee933dcf6c43e2e8cde9339ba3c347b733d195ca6e385/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f646532796d66756c342f696d6167652f75706c6f61642f76313634363130313233392f6d61696e2d706f7274666f6c696f2f746563682d736b696c6c732f6d6f6e676f64625f72317868796e2e706e67)

react, typescript, redux, mongoose, MUI components, styled-components, cloudinary, animate.css, axios interceptors, react-router-dom, sass, useEffect, useState, Context API, custom hooks, hash router, promise based functions, async/await, custom API, moment etc…

#### How to install and run?

```
# Clone this repository
 git clone https://github.com/rcamach7/crypto-exchange
 cd crypto-exchange

# Run local server
 cd api
 npm install
 npm run serverstart

# Run client using local server
cd ../client
npm install
npm run use-local-server
```

Server would need the following environments and variables provided to run successfully:

- MONGO\_DB, SECRET\_STRING, CLOUDINARY\_CLOUD, CLOUDINARY\_API, CLOUDINARY\_SECRET, NEWSDATA\_TOKEN, API\_SERVER\_URL

## GitHub

[View Github](https://github.com/phoo7777/fake-crypto-exchange-trading?ref=reactjsexample.com)