Skip to content

sansan-sakura/exercise-react-redux-thunk

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Coin Fetcher App

Overview

This is a simple web application that fetches data about cryptocurrencies from the CoinGecko API and displays it on the UI. The app is built using JavaScript and utilizes the Fetch API to make requests to the CoinGecko endpoint.

Features

  • Coin Data Display: The app fetches data about cryptocurrencies from the CoinGecko API and displays it on the UI.

  • Loading State: A loading state is implemented to indicate that the app is fetching data. This helps improve user experience by providing feedback during the data retrieval process.

  • Animation for Loading State: To enhance the loading state, the app incorporates animation to make the waiting period more visually appealing for users.

Getting Started

  1. Fork and clone the repository to your local machine:

    git clone https://github.com/Technigo/exercise-react-redux-thunk.git
  2. Open the project folder:

    cd exercise-react-redux-thunk
  3. Run the app:

    npm run dev

Instructions

Build an app that fetches some coins from the end-point provided and saves the data in the global state:

  1. Create a store, reducers, dispatch actions and select data from the state to render in your components.

  2. Add a loading state until the fetching request is fultilled.

  3. Bonus: what about using some animation for the loading state?

Fetch data from this end-point:

const url = "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd";

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.8%
  • CSS 26.6%
  • HTML 19.6%