Skip to content

In this project I apply what I've learned in React & Redux, using an API to manage data and display it accordingly to the user.

License

Notifications You must be signed in to change notification settings

carlosveigadev/react-capstone

Repository files navigation

React & Redux Capstone Project - Pokémon Pokédex.

This is a solo project at the end of the Microverse Main Technical Curriculum of the React & Redux section. It's a real-world-like project, built with business specifications to improve and test the achievement of technical and soft skills gained during this section of the program. The technical requirements of this project are:

  1. The project is a single page application built with React and Redux
  2. The data that was retrieved from the API should be stored in the Redux store
  3. You should filter the data that you retrieve from the API using a Filter stateless component
  4. Every page, the main page, and pages for each item, should have a unique route within the SPA
  5. The project should be deployed and accessible online
  6. Test your app using specific testing tools for the framework
  7. Use CSS modules to style the React app
  8. Use React Hooks for this app

A glimpse

Gif

Built With

How To Use

  • Select a Pokémon that you want information;
  • You can select a specific type;
  • Catch’em all!

Live Demo

Live Demo Link

Video Link Demo

Video Demo Link

Getting Started

Clone the repository by clicking on "Clone or Download" and copy the given link. In your terminal, go to the folder where you want the project to be and use the following command:

git clone https://github.com/carlosveigadev/react-capstone.git

After that, open the folder with the code editor of your choice and follow the steps below.

Setting up the necessary packages:

Make sure you have Yarn installed in your machine.

Open the terminal and go to the folder of the game and run the following commands:

  • yarn install;
  • yarn start;

Those commands will ensure you installed the proper packages required and start the server locally

Running Jest Tests

To verify the Jest test, run the command:

  • yarn test

Authors

👤 Carlos Veiga

🤝 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

  • Microverse for the opportunity;
  • PokeAPI
  • The Minskins for the support.
  • And my latest partner Youcef.

📝 License

This project is MIT licensed.

About

In this project I apply what I've learned in React & Redux, using an API to manage data and display it accordingly to the user.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published