Skip to content

Mi Crypto: React-based application utilizing Material UI and Firebase back end.

Notifications You must be signed in to change notification settings

Petja314/Crypto-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mi crypto

Mi Crypto Empowering Your Crypto Journey with Simplicity and Precision!

🚀 Introduction

Mi Crypto offers a comprehensive suite of tools to effortlessly track, swap, and optimize your cryptocurrency investments. With real-time data at your fingertips, managing your crypto portfolio has never been easier.

Installation

To clone and run this application, you'll need Git and Node.js installed on your system. Once you have them, you can install the project dependencies using npm or yarn packages.

From command line :

# Clone this repository
$ git clone git@github.com:Petja314/Crypto-Project.git

# Go into the repository
$ cd Crypto-Project

# Install dependencies
  yarn install 
  yarn add firebase

# Run the app
  yarn start 

Install DEX Exchange back end:

# Go into the back end root 
$ cd src
$ cd dexBackend  

# Install dependencies
$ yarn install 

# Run the back end
$ node server.js

API Reference

To use these APIs, you'll need to obtain your own API keys. Refer to the project root file .env.example for examples and instructions on where to obtain these keys.

Frontend APIs:

  • Alternative API: Open API platform providing data on the current Fear and Greed Index.
  • Coin Stat API: Retrieves data about the crypto market, including lists of tokens, chart data, and more.
  • Exchange Currency API: Provides the latest exchange rates for selected currencies.

Backend APIs:

  • Moralis API: Provides current prices from decentralized exchange (DEX) platforms on the selected ERC-20 network.
  • 1INCH DEX API: Enables swapping of selected tokens via an API.
Parameter Type Description
api_key string Required. Your API key

Application usage demo :

Untitled design

⏱️ Real-Time Tracking:

  • Upon logging in, users are greeted with a real-time dashboard displaying live data on various cryptocurrencies.
  • Users can navigate to different sections of the application to view detailed information about specific cryptocurrencies, including current prices, market trends, and trading volumes.

👨‍💻 Customizable Profiles:

  • Users can create personalized accounts by signing up with their email address and choosing a unique username and profile photo.
  • Once logged in, users can update their profile information, such as their display name, bio, and profile picture, to reflect their preferences and personality.

📊 Advanced Analytics:

  • Users can access interactive charts and graphs that visualize market trends, including price movements, trading volumes, and volatility indicators like fear and greed indices.
  • Weekly leaderboards and performance rankings allow users to compare the performance of different cryptocurrencies and track their progress over time.

⚙️ Flexible Filtering:

  • Users can customize their data views by filtering cryptocurrencies based on various criteria, such as currency type, market capitalization, trading volume, and price changes.
  • Advanced filtering options enable users to focus on specific subsets of cryptocurrencies that match their investment preferences and risk tolerance.

💼 Portfolio Management:

  • Users can create and manage their crypto portfolios within the application, tracking their investments and monitoring their profit and loss in real-time.
  • Portfolio management tools allow users to add, remove, and edit positions, set price alerts, and analyze performance metrics to make informed investment decisions.

㊗️ Instant Swaps:

  • Integrated with MetaMask wallet, users can seamlessly swap ERC-20 tokens directly from their wallets using the decentralized exchange aggregator.
  • The swap feature provides users with access to a wide range of tokens and ensures secure and instant transactions without the need for intermediaries.

📰 Latest News Updates:

  • Users can stay informed with the latest news updates and market insights curated by the application.
  • The news section covers bullish and bearish trends, trending topics in the crypto world, and important developments affecting the cryptocurrency market.

🖥️ User data storage:

  • All user data, including login credentials, passwords, account information, and custom portfolio details, is securely stored in the Firebase backend.
  • Access to this data is restricted to project administrators only, ensuring the confidentiality and security of user information.

Dependencies

Design  :

Static Badge

Is an open-source React component library that implements Google's Material. 

Database  :

Static Badge

Backed by Google which helps to store your data safe.

Web 3.0 DEX :

Static Badge

 Collection of React Hooks containing everything you need to work with Ethereum.

Static Badge

Instant access to cross-chain blockchain data with API request.

Static Badge

Web3Modal SDK allows you to easily connect your Web3 app with wallets. 

Crypto Chart

Static Badge

Library to convert data into the charts.

HTTP requests :

Static Badge

Promise-based HTTP Client for node.js and the browser.

Server:

Static Badge

Create servers, web apps, command line tools and scripts.

REACT/REDUX

Static Badge

 A JS library for predictable and maintainable global state management.

Static Badge

 Stores the current location in the browser's address bar using clean URLs.