Giter Club home page Giter Club logo

react-crypto-app's Introduction

Cryptospace

An application that allowed users to examine cryptocurrency rates and news, built with React, Redux, Ant Design and ChartJS.

Project Status

This project is done (May 10, 2022).

Project Screen Shot(s)

Layout

Project Live View

Site

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine and change the env file with your own api keys from RapidAPI before you start running the application.

Installation:

npm install

To Start Server:

npm start

To Visit App:

localhost:3000

Reflection

This was a week long project built during pendamic breakout and military coup (May 2022). Project goals included using technologies learned up until this point and familiarizing myself with documentation for new features.

Originally I wanted to build an application that allowed users to look over crypto prices and news. I started this process by using the create-react-app boilerplate, then adding antdesign , redux , redux toolkit , axios , chart.js , html-react-parser , millify , moment and react-chartjs-2. I use Coinranking and bing news api from Rapid API, make sure you subscribe these before you start running the application.

One of the main challenges I ran into was react-router-dom version changes and rapid api premium problem TwT.

At the end of the day, the technologies implemented in this project are React, React-Router 4.0, Redux, Chart, Data, and a significant amount of JSX and CSS. I chose to use the create-react-app boilerplate to minimize initial setup and invest more time in diving into weird technological rabbit holes.

react-crypto-app's People

Contributors

pwn-mm avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.