Mintok is an SPA app built with React and Redux (Redux ToolKit)

Overview

JavaScript React Redux Webpack Jest Netlify

Mintok Crypto Market App πŸͺ™ πŸ“Š

Mintok is an 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 coins in the market.

Built With πŸ› οΈ

  • HTML/CSS & JS best practices: Correct use of tags, elements, properties and syntax.
  • GitHub flow: Correct use of Branches for deployment and features development.
  • Linters Check: Local and Pull Request check for errors, bugs and stylistic errors in code.
  • Webpack: Bundler form JavaScript files for usage in a browser.
  • Jest: JS testing framework used for the app testing.
  • REACT JS: JS library used for the basic structure (components).
  • Redux/Redux Toolkit: JS library used to handle the app state changes/updates.
  • CoinLore API: A free cryptocurrency api that provides updated data about more than 9393 coins, 400+ exchanges. .

Preview πŸ‘οΈβ€πŸ—¨οΈ

Mobile Version πŸ“±

  • Home Page

  • Details Page

Desktop Version πŸ–₯️

  • Home Page

  • Details Page

Live Demo ▢️ πŸ’Ώ

Mintok Crypto App πŸͺ™ πŸ“Š

Set Up Guide πŸ“„

  1. Use the following link for "$ git clone" the repo and cd Capstone-React-M3

  2. "npm install" to install all the dependencies

  3. "npm start" to run the live version locally

  4. "code ." To open the project on your local editor

  5. Please click on the "access link" so you can check the live demo

  6. You can use the Mintok App to check and search coins with their respective statistic/info πŸ“Š πŸͺ™

Authors ✍️ πŸ‘₯

πŸ‘©β€πŸ’» Karla Delgado ✍️

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments 🌟

Show your support

Give a ⭐️ if you like this project!

πŸ“ License

This project is MIT licensed.

You might also like...
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 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.

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
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

LiveViewJS - An anti-SPA, HTML-first, GSD-focused library for building LiveViews in NodeJS and Deno

LiveViewJS - An anti-SPA, HTML-first, GSD-focused library for building LiveViews in NodeJS and Deno

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..

A Frontend CRM based on React and managing the state through the redux toolkit
A Frontend CRM based on React and managing the state through the redux toolkit

Getting Started with Front end CRM VITE This project has been created with the purpose of providing the community a Frontend CRM based on React and ma

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

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

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

Rent-A-Car - Serverless ReactJS SPA

Rent-A-Car gives you opportunity easily renting and renting out cars, managing users, earning money.

A small website to search people's profiles on GitHub. Using Chakra UI + Next JS + React Query + Redux Toolkit
A small website to search people's profiles on GitHub. Using Chakra UI + Next JS + React Query + Redux Toolkit

A small website to search people's profiles on GitHub. Using Chakra UI + Next JS + React Query + Redux Toolkit

Comments
  • Casptone M3: Mintok Crypto Market App

    Casptone M3: Mintok Crypto Market App

    Capstone M3: Mintok's Crypto Market App :coin: :bar_chart:

    These are the proposed changes :recycle: for this project :arrow_down: :

    • Follows Template design main guidelines (Layout, font). :100: :art:
    • Shows a list of coins and their respective prices :heavy_check_mark: :coin: :money_with_wings:
    • The user can filter coins by the name of the coin. :heavy_check_mark: :bust_in_silhouette: :+1:
    • You can navigate through pages by clicking on the coin. :heavy_check_mark: :computer_mouse: :memo:
    • When the user clicks on the "Go Back" button it redirects them to the home page. :heavy_check_mark: :house:
    • All tests are correctly implemented and passed. :heavy_check_mark: :gear:
    • The project is a single-page application (SPA) built with React and Redux. :atom: :atom_symbol:
    • The data retrieved from the API is stored in the Redux store. :heavy_check_mark:
    • Every page has a unique route within the SPA. :heavy_check_mark: :pushpin:

    You can check the VIDEO DESCRIPTION right here :movie_camera:

    opened by karlavdelgadof 1
  • Capstone M3: API integration

    Capstone M3: API integration

    Mintok Crypto Market App: API integration :hammer: :gear: :atom: :pushpin:

    These are the proposed changes :recycle: for this project :arrow_down: :

    • Implemented Redux ToolKit Reducer/store to display the coins data from the API :round_pushpin: :1234: :heavy_check_mark:
    • Added styles according to the provided template :framed_picture:
    • Created the tests for the application. :gear: :100:
    opened by karlavdelgadof 0
  • Capstone M3: React app setup

    Capstone M3: React app setup

    Mintok NFT'S Market App: Set up with React :hammer: :gear: :atom:

    These are the proposed changes :recycle: for this project :arrow_down: :

    • Initialised React app. :heavy_check_mark: :atom_symbol:
    • Created components directory :file_folder: to store the app building blocks :1234:
    • Added Categories.js component for the categories (currently only displays a button) view :100:
    • Implemented React Router for the app's navigation :globe_with_meridians: :heavy_check_mark:
    opened by karlavdelgadof 0
Owner
Karla Delgado
I'm a Full-Stack Developer in progress. I'm passionate about building projects and learning new technologies every day and I love collaborating with others.
Karla Delgado
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.

Kidist D. Guta 4 Sep 26, 2022
Mathemagician is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Alexander Oguzie-Ibeh 11 Apr 22, 2022
Completed React & Redux project, releated to a single page app (SPA)

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.

Nicolas Gonzalez 10 Mar 23, 2022
A Netflix clone created using React. It is built using modern react tools/best practices, such as hooks, context API, and redux toolkit.

Netflix-Clone A Netflix clone I created for the sake of practicing React and Redux. It features design patterns recommended by the documentation. Some

Subhanga Upadhyay 98 Sep 20, 2022
An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express, MongoDB, JWT and Mongoose.

A social media app using react, material ui, redux on frontend and nodejs, mongodb, and express on backend.

Wasif Baliyan 30 Aug 19, 2022
Note App with react and redux-toolkit, material ui and json server as rest api

Note App Redux-toolkit I decided to do this project for myself as practice. This Note app created by react js and used redux-toolkit for state managem

Mohammad 8 Sep 25, 2022
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

AWS Samples 33 Aug 29, 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 9 Aug 19, 2022
A climbing wall app React, Typescript, Redux Toolkit, MERN stack

A climbing wall app where climbers can customize walls with holds, save walls, and save routes on each wall for later

Zachary Shifrel 1 Sep 2, 2022
React-spa-portfolio is a react portfolio build with React, SASS and includes futures like carousal

React-spa-portfolio is a react portfolio build with React, SASS and includes futures like carousal (build with pure react no library), tabs, and others.

Friday Ameh 2 Dec 7, 2021