A responsive mobile-based SPA web application built using React, Redux, Chart.js, API, JavaScript, JSX, and CSS

Overview

Crypto Hunter

This is a mobile based web application that provides numercial data of any crypto currency. It consists of three pages:

  • Home Page: this pages displays a list of crypto currencies together with their name, symbol and current price in the market.
  • Details Page: this page displays numerical information about the chosen coin.
  • HistoricalChart Page: this page displays the line and bar graph represention of the coins numerical data.
Home Page

Details Page

HistoricalChart Page

Built With

  • React
  • Redux
  • CSS
  • JSX
  • JavaScript
  • Chart.js
  • API

Live Demo

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites:

Any kind of browser and code editor.

Setup:
  1. Clone the repository (https://github.com/Ney2/crypto-hunter)
  2. Then open the folder in your local environment using any code editor
  3. Open terminal
  4. Change the directrory in your terminal to the repository
  5. Type npm start in your terminal, this will open the project in your browser

Author 1

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Original design idea by Nelson Sakwa on Behance.

📝 License

This project is MIT licensed.

Comments
  • React Capstone Project

    React Capstone Project

    This is a PR for the React Capstone Project I have built.

    1. Add a home page that displays a list of coins along with their symbol, name, and current market price
    2. Add a details page that provides further numerical data about a specific coin
    3. Add a chart page that displays historical data of a specific coin market price for the year
    4. Add mock testing for the API and snapshot testing for the components
    5. Update the readme file with the link to the deployed site and video recording
    opened by Ney2 2
  • Add Chart

    Add Chart

    This is a PR for adding graphical representation to the coins market data.

    1. Add chart component
    2. Fetch and display data in a graphical form
    3. Update style for the page
    opened by Ney2 0
  • Add Test

    Add Test

    This is a PR for adding a test for the Redux store and a snapshot test for the React components.

    1. Add snapshot test for Navigation, Home, and Details components
    2. Add a mock test for the Redix store
    opened by Ney2 0
  • Add Navigation

    Add Navigation

    This is a PR for adding Routes to the page.

    1. Create a home page and details page
    2. Add routes to each page
    3. Update the App.js file with the correct routes
    4. Display data fetched from the API in details page
    5. Add styles for the details page
    opened by Ney2 0
  • Fetch and display

    Fetch and display

    This is a PR for fetching and displaying data on the home page.

    1. Create a redux folder and add a reducer
    2. Add configureStore file for the reducer
    3. Fetch data from the API
    4. Create a Home page component to display a list of data fetched from the API
    opened by Ney2 0
  • Setup envrionment for the application

    Setup envrionment for the application

    This is a PR for setting up the work environment for the crypto hunter mobile-based web application.

    1. Create a dev branch and changes the default branch to dev to apply Gitflow
    2. Create a react app using npx create-react-app command
    3. Configure linters to avoid any errors later
    opened by Ney2 0
Owner
Kidist D. Guta
A Full Stack Developer, currently learning JavaScript and React, and in love with food. I'm always looking for new opportunities.
Kidist D. Guta
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Mert Çankaya 11 Jul 11, 2022
This is a mobile web application to check a list of metrics (numeric values) and is built using React and Redux

This is a mobile web application to check a list of metrics (numeric values) and is built using React and Redux. Data is fetched from the TheDogApi and displayed on two pages, the data is filtered on each page. The web app has a home page and a details page.

Hamid Murambiwa 6 Sep 7, 2022
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Henry Kc 10 Oct 17, 2021
An application used to create and filter data - expenses based on year, built with React, JavaScript, and CSS

Expenses App Description: Expenses App An application used to create and filter data - expenses based on year, built with React, JavaScript, and CSS.

Ivana Andric 1 Feb 13, 2022
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Dionne Noella 5 Apr 9, 2022
This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling.

Info This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling. API ?? https://covid1

Jerry Leong 3 Mar 24, 2022
Mintok is an SPA app built with React and Redux (Redux ToolKit)

This project is a SPA app built with React and Redux (Redux ToolKit) that provides market-based information and statistics about cryptocurrency. The application fetches the data about the coins from the CoinLore API and allows users to check, discover and search (constantly updated) statistics about the top 100 currencies in the market.

Karla Delgado 4 Sep 16, 2022
BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

Jessie Rohrer 5 Dec 20, 2021
☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

null 3 Aug 19, 2022
A Responsive 'Google Search Clone' made with React JS and Tailwind CSS, using a Google Search API

Goggles has the ability to search for up to the minute results, latest images, current live news and recent videos.

Sarim Hussain 4 Jun 6, 2022
Math magicians is a Single Page App (SPA), based on react, that allows users to make simple calculations and read random math-related quotes. Built mainly with REACTJS

Math magicians is a Single Page App (SPA), based on react, that allows users to make simple calculations and read random math-related quotes. Built mainly with REACTJS

Vitor Guedes Madeira 15 Sep 13, 2022
This is a front-end of an application that will help organize and manage the bookstore. It is so fast, dynamic and responsive to actions and it is built with React & Redux.

Bookstore This is a front-end of an application that will help organize and manage bookstore. It is so fast, dynamic and responsive to actions and it

Baraka Mukelenga 4 Aug 9, 2021
DSMovie - a full stack web and mobile application built during the Spring React Week

The application consists of a web page with a list of some movies. The page allows user interaction through ratings of movies listed in the web app.

Matheus Maia Alvarez 6 Jul 21, 2022
A basic movie rating application which created with using Redux Toolkit, Axios for API calls, React Router DOM for Routing and Node-SASS for my SCSS compile to CSS

A basic movie rating application which created with using Redux Toolkit, Axios for API calls, React Router DOM for Routing and Node-SASS for my SCSS compile to CSS..

Özge Coşkun Gürsucu 26 Aug 1, 2022
TeaLab is a whimsical full-stack browser-based application built using ReactJS, Cloudinary, CSS, PostgreSQL and Express

TeaLab is a whimsical full-stack browser-based application built using ReactJS, Cloudinary, CSS, PostgreSQL and Express. Users are able to create and collect teas, that makes learning about tea fun! Users will be able to save, edit and delete their tea recipes on a recipe profile page.

null 2 May 25, 2022
Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Efecan Pınar 24 Sep 6, 2022
Weather Application built using ReactJs , OpenCage API and OpenWeatherMap API

Weather-bot Netlify Site Status : Weather application built using ReactJs, OpenCage Api and OpenWeatherMap Api Tech Stack and Dependencies Name Descri

Kaushik Selvaraju 12 May 13, 2022
A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

Pranay Gupta 3 Sep 15, 2022
FullStack app containing an API (NestJS), a web app (React) and a mobile app (React Native).

Food Order This project is a workspace containing an API (NestJS), a web app (React) and a mobile app (React Native). Content Food Order Content Get S

Germain Michaud 1 Apr 24, 2022