Completed React & Redux project, releated to a single page app (SPA)

Overview

Crypto Capstone Project

Completed React & Redux project, releated to a single page app (SPA), were you can find information of the most popular crypto coins in the market using coingecko API. Including a search bar for filtering the crypto coin you want to match.

Built with

  • HTML/CSS
  • JavaScript
  • React & Redux
  • Git/Gitflow
  • JEST
  • React Testing Library

Live Demo

Netlify

ezgif com-gif-maker(1)

Set up project

For testing out this project, you should follow the next simple steps:

1.clone repo copy this link https://github.com/Nicolaswg/crypto-capstone-project.git in to your local machine.

2.npm start run this command inside the news branch.Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.
You may also see any lint errors in the console.

3.npm test Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

4.npm run buildBuilds the app for production to the build folder.\ It correctly bundles React in production mode and optimizes the build for the best performance.

Your app is ready to be deployed!

See the section about deployment for more information.

5.npm run eject Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

Optional.npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Authors

πŸ‘€ Nicolas

Platform Badge
GitHub Nicolaswg
Twitter Nicolas54146830
LinkdIn nicolas-gonzalez

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Share all the support to Nelson Sakwa for sharing his design that structured the squeleton of this project
  • Also i would like to give a big shout out to my peers Zeeshan Haider and Kyrillos Hany go check out their profiles and show all your support.

πŸ“ License

This project is MIT licensed.

You might also like...
Single Page Application built using React, Context API and OMDb API.
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

Run multiple JavaScript code snippets independently on a single page.
Run multiple JavaScript code snippets independently on a single page.

CodeSnippet.Run Run multiple JavaScript code snippets independently on a single page. Website CodeSnippet.Run Progress Create snippet Save snippet Del

A GraphQL-powered, PWA, single-page application storefront for Saleor
A GraphQL-powered, PWA, single-page application storefront for Saleor

Saleor Storefront Note: This project is beta quality. We don't advise using it in production. A GraphQL-powered, PWA, single-page application storefro

A GraphQL-powered, PWA, single-page application storefront for Saleor
A GraphQL-powered, PWA, single-page application storefront for Saleor

Saleor Storefront Note: This project is a demonstration on how Saleor can be used. It’s not ready to be a starter but rather show how different cases

Notes taking Project uses Python (Django, REST API) + React (SPA Frontend) + Docker (Compose).
Notes taking Project uses Python (Django, REST API) + React (SPA Frontend) + Docker (Compose).

Notes taking website. Try it! / But how to run? Description This is monorepository with notes website, with API and Frontend servers. Website provides

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

This is a responsive mobile-based SPA web application built using React, Redux, Chart.js, API, JavaScript, JSX, and CSS. It provides numerical data of a crypto coin fetched from the API. It has three pages, the home page with a list of coins, the details page with details of a coin, and the historical data page for visualizing the coin market price in the graph.

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...

React SPA App with Serverless Backend and Congito Auth Demo
React SPA App with Serverless Backend and Congito Auth Demo

React SPA App with Serverless Backend and Congito Auth Demo Overview This samples shows how to make a SPA application with serverless backend by AWS C

Simple React component for smoothy full-page scolling using CSS animations. React Page Scroller

React Page Scroller Simple React component for smoothy full-page scolling. Demo You can scroll the page using mouse wheel, touch scroll or keyboard ar

Comments
  • React & Redux Capstone Project

    React & Redux Capstone Project

    General Requirements πŸ“Ž

    • Choose an API to work on
    • Follow the design guidelines
    • Create a SPA with a Home page and a Details page
    • Create unit test for redux code
    • Mock API request and testing with React Testing Library
    • Data from API should be in the redux store
    • Filter API data
    • Unique route for each page
    • Project should be deployed and accessible online

    Project Live Demo πŸ“„

    Netlify deploy

    Project Loom video πŸ“Ή

    Loom video

    Footer πŸ‘

    Thank you for the opportunity to review, any suggestions or comments put it in the comments section of this PR or follow this link

    opened by Nicolaswg 1
Owner
Nicolas Gonzalez
Full Stack Developer with an enthusiast style, falling in love with JavaScript, Ruby, Rails, React. Looking for my dream job
Nicolas Gonzalez
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 17 Oct 26, 2022
A Single Page App (SPA) that allows users to make simple calculations and read a random math-related quotes.

This is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. The aim of this project is to learn how to use React.

Favour Ezeugwa 10 Dec 7, 2022
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Awais Amjed 12 Jul 28, 2022
This is a To do app developed using to consolidate your knowledge about React, components, props, state, and hooks. A user can add, delete, updated and mark items as completed

To-do-app-with-React This is a To do app developed using React & Lifecycle methods to consolidate knowledge about React, components, props, state, hoo

Jonathan Kayizzi 5 Nov 10, 2022
A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

Promise Okechukwu 8 Nov 1, 2022
This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends

live-microfrontends-with-branas Micro Frontend with Rodrigo Branas This project I created with Rodrigo Branas in the live about the micro frontends. F

Carlos Augusto Sempe Junior 10 Dec 11, 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
A React SPA with react-router page navigation and add functionality through json-server endpoints

A React SPA with react-router page navigation and add functionality through json-server endpoints. A custom useFetch hook includes methods for getting and posting data. Search functionality with URLQueryParams. Context Providers allow for theme selection and Reducers for dark/light mode toggling.

null 1 Nov 18, 2021
A Calculator App using React Single Page Application using React Virtual DOM manipulation

Math Magicians This project contains a Calculator App using React. The project is structured as a Single Page Application using React Virtual DOM mani

David Vera Castillo 6 Jul 22, 2022
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.

TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.

Lucas Azzolini Vieira 7 Apr 13, 2022