Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Related tags

Redux Tools react redux reactjs
Overview

Crypto Tracker

A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gains or losses in the previous 24 hours, as well as click on a single coin to display more details about it. The project features SVG animations, CSS animations, Dynamic graph (Made with 3rd party library reach-chartjs2), React and Redux state management, testing and also some Bootstrap components!

Built with

  • React
  • HTML
  • Redux
  • CSS
  • Javascript

Screenshot

Senzanome

Live Demo

Click here

Installation

To run the website locally:

  • Clone the repo by running git clone https://github.com/ReshyResh/Capstone-React-Redux.git.
  • Jump to that directory by using cd Capstone-React-Redux .
  • Run npm install to install dependencies.
  • Run npm run start to launch the live server.

To run the tests:

  • Run npm run test.

Authors 👤

Robert Baiesita

🤝 Contributing

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

You might also like...
A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. 🚀 Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

João Marcos Belanga 1 May 24, 2022
A portfolio site, made using the latest technologies.
A portfolio site, made using the latest technologies.

Lol site A portfolio site, made using the latest technologies. In the constructi

Pedromdsn 29 Sep 7, 2022
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

null 70 Jan 5, 2023
An example real-world Redux CRUD application with no boilerplate

Zero Boilerplate Redux A common criticism of Redux is that it requires writing a lot of boilerplate. This is an application that is meant to show a so

James 18 Nov 23, 2022
redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.

redux-immutable redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. When Redux creat

Gajus Kuizinas 1.9k Dec 30, 2022
A chart monitor for Redux DevTools https://www.npmjs.com/package/redux-devtools-chart-monitor
A chart monitor for Redux DevTools https://www.npmjs.com/package/redux-devtools-chart-monitor

Redux DevTools Chart Monitor This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and

Redux 293 Nov 13, 2022
Redux Implementation using ReactJS and JSON placeholder API

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Siddheshwar Panda 1 Oct 26, 2021
Watchlist Movie App Using React Hooks With Redux

MovieRedux Watchlist Movie App Using React Hooks With Redux Technology Stack: Re

Said Mounaim 0 Sep 30, 2021
RxJS middleware for action side effects in Redux using
RxJS middleware for action side effects in Redux using "Epics"

RxJS-based middleware for Redux. Compose and cancel async actions to create side effects and more. https://redux-observable.js.org Install This has pe

redux-observable 7.8k Jan 6, 2023
Comments
  • React / Redux capstone

    React / Redux capstone

    Project requirements

    - Use React documentation.
- Use React components.
- Use React props.
- Use React Router.
- Connect React and Redux.
- Handle events in a React app.
- Write integration tests with a React testing library.
- Use styles in a React app.
- Use React life cycle methods.
- Apply React best practices and language style guides in code.
- Use store, actions and reducers in React.

    Features

    - The app is fetching data from the API only once, on render.
- While the data is loading the user is presented with a loading screen.
- The user can sort the data by clicking the buttons on the home page.
- When a card is clicker, the user is presented a page with details about the selected coin.
- The user can scroll between the coins by using "Next" and "Prev" buttons at the bottom of the page.
- When graph is clicked, the app fetches data about the selected coin to display a graph of the price.

    Screenshot

    Senzanome

    Live demo

    Click here

    Video presentation

    Click here

    opened by ReshyResh 0
Owner
Robert Baiesita
Full Stack web development, video and image editing, SEO and marketing campaigns. Whatever it is, I'm on it. Student at Microverse, looking for new challenges.
Robert Baiesita
GitHub
Single Page Application that uses Rick and Morty API along with React & Redux

Rick and Morty Rick and Morty Characters Web Page. Single Page Application that

Orçun Uğur 6 Apr 16, 2022
Redux Tutorial - share my experience regarding redux, react-redux and redux-toolkit

Redux Tutorial 1. Introduction to Redux 1.1 What is Redux & why Redux? A small JS Library for managing medium/large amount of states globally in your

Anisul Islam 36 Dec 29, 2022
Shop Cart Page Built Using React And Redux

Getting Started with react-redux-jest-shop Shop cart page with use: React,redux,redux-thunk, API,JEST, LTR Steps for run git clone or download react-r

Renat Khakimoff 1 Apr 24, 2022
Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

Usama Sarfraz 11 Jul 10, 2022
A little e-commerce website made with React.js, Redux and Bootstrap.

E-commerce React JS (in progress) This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm st

Gabriela Costa 2 Jan 2, 2022
Redux - Create forms using Redux And React

Exercício de fixação Vamos criar formulários utilizando Redux! \o/ Antes de inic

Márcio Júnior 2 Jul 21, 2022
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Redux Form 12.6k Jan 3, 2023
Front-end of the movie application created with React.js and Redux

# Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run:

Bibi 6 Aug 21, 2021
Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux

Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux

Amrendra K 9 Jun 4, 2022
A lightweight state management library for react inspired by redux and react-redux

A lightweight state management library for react inspired by redux and react-redux

null 2 Sep 9, 2022