https://github.com/sabberrahman/pokemon-cards

Pokemon card with their full evolution
https://github.com/sabberrahman/pokemon-cards

javascript pokemon-api react reactjs tailwindcss

Last synced: 11 days ago
JSON representation

Pokemon card with their full evolution

• Host: GitHub
• URL: https://github.com/sabberrahman/pokemon-cards
• Owner: sabberrahman
• Created: 2024-01-07T12:56:59.000Z (almost 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-21T12:17:09.000Z (12 months ago)
• Last Synced: 2024-01-21T13:27:36.608Z (12 months ago)
• Topics: javascript, pokemon-api, react, reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 137 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Pokemon Evolution Cards 


Welcome to the Pokemon Cards React App! This project is a simple web application built using React and Tailwind CSS to display Pokemon cards in groups of three, including their evolution forms. It features navigation through previous and next buttons to explore the Pokemon card collection.


## Demo



Features




  


Pokemon Cards: View Pokemon cards in groups of three, including their evolution forms.

  


Navigation: Easily navigate through the collection using the "Previous" and "Next" buttons.

  


Responsive Design: The app is designed to be responsive and user-friendly on various devices.



Technologies Used




  


React: The app is built using the React JavaScript library, making it efficient and modular.

  


Tailwind CSS: Tailwind CSS is used for styling, providing a utility-first approach for quick and responsive designs.

  


Pokemon API: Data for Pokemon cards is fetched from the PokeAPI, a comprehensive Pokemon RESTful API.



Installation




  
Clone the repository:

  git clone https://github.com/your-username/pokemon-cards-react-app.git

  

  
Navigate to the project directory:

  cd pokemon-cards-react-app

  

  
Install dependencies:

  npm install

  

  
Run the app:

  npm start

  


Usage


Explore the Pokemon cards by navigating through the collection using the "Previous" and "Next" buttons. Each group displays three Pokemon cards, including their evolution forms.


Contributing


If you'd like to contribute to this project, feel free to open issues or submit pull requests. Your contributions are welcome!