Skip to content

A Cryptocurrency application developed using react.js, ant-design, redux-toolkit, redux RTK query

Notifications You must be signed in to change notification settings

Prakash-Ravichandran/react_cryptocurrency_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CRYPTOMARKETS

The ideal platform to find different crypto currencies & their exchanges.
Designed to inspire and encourage individuals to initiate their contributions to the open source community.

Video Demo

React.CrytoApp.mp4

TechStack Used

1. Setting up the project locally

To clone and run this application, you'll need Git and Node.js (which comes with yarn installed on your computer)

  1. Fork this repository and clone the project

    git clone https://github.com/Prakash-Ravichandran/react_cryptocurrency_app
  2. Go to the project directory

    cd react_cryptocurrency_app
  3. Install dependencies

    npm install
  4. Start the server

    npm start

The Process

User Stories

  • As a user, I want to be able to navigate to all routes(sidebars) & view all the components.
  • As a user, I want to search cryptocurrencies like Bitcoin & view them in detail in Cryptocurrencies Component.
  • As a user, I want to filter the exchange the currency with amother currency in Exchange component.
  • As a user, I want to filter the news based on the country in News Component.
  • As a user, I want to submit the feeback in a form in the Contact Component.

Features

  • Google Identity Services: users can able to login using their own gmail Id.
  • Mock Server for Login: Users can able to login with credentials after running the auth server in local.
  • Data Fetching: App fetches the relevant cryptocurrencies from coinranking, exchanges, news API's.
  • Search: App renders the specific number of cryptocurrencies per search.
  • Dropdown: App fetches the required cryptocurrencies according to the selected dropdowns.

API Services used

Screenshots

Login

image

HomePage

image

Crpytocurrencies

image

Cryptodetails

image

Exchange

image

News

image

Contact

image

Signout

image

Current Contributors

Contact

Show Your Support

Give a ⭐️ if you liked this project!


Errors Fixed

Exchanges API map fix

fix-for-map-object-API

Query param fix

fix-query-param

Object null or undefined or Function.entries is null

fix-for-function.entries

How to create a dynamic table

how-to-create-a-dynamic-table

Fix for makeStyles dependecy

fix-for-makeStyles-dependency

how to send props through router components

props-through-router-components