javascript react redux

Pokemon Pokedex shower (MEDIUM)

a simple Pokémon Pokedex application using React and Redux

⏱️ Time Breakdown

📋
Planning
~1 hours
💻
Coding
~2 hours
🧪
Testing
~1 hours

📊 Difficulty

MEDIUM

🎓 Learning Outcomes

  • Working with REST APIs
  • Managing application state
  • Creating responsive layouts

Pokemon Pokedex shower (MEDIUM)

In this project, we will be building a Pokemon Pokedex application using React and Redux, and accessing data from the PokeAPI at https://pokeapi.co/. The application will allow users to browse and search for Pokemon, view their details, and save their favorites.

Project Checklist

  • Design and implement a Pokemon Pokedex application using React, Redux, and PokeAPI
  • Create a system for browsing and searching for Pokemon, viewing their details, and saving favorites
  • Test and debug the application using sample data

Bonus Project Checklist Items

  • Implement pagination for the Pokemon list
  • Allow for custom pagination limits
  • Add additional customization options, such as changing the appearance or adding sound effects

Inspiration (Any companies/libraries similar)

  • Pokemon API
  • Pokeapi.co
  • Pokedex

Hint/Code snippet to start

To get started, you can use the following code snippet to set up a basic React application with Redux and a Pokeapi client:

import React from 'react'
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import thunk from 'redux-thunk'
import reducer from './reducer'
import PokeapiClient from './PokeapiClient'

// Create the Redux store with the thunk middleware
const store = createStore(reducer, applyMiddleware(thunk))

// Set up the Pokeapi client
const client = new PokeapiClient()

// Create the root component for the application
function App() {
  return (
    <Provider store={store}>
      {/* Add your application components here */}
    </Provider>
  )
}

export default App

This code sets up a basic React application with a Redux store and the thunk middleware for handling async actions. It also includes a Pokeapi client for accessing data from the PokeAPI. You can then add your application components and implement the desired functionality.

Project Requirements

Progress Tracker 0 of 7 completed

Share Project