indiecodermm/pokeverse

SPA created to demonstrate the usage of Redux Toolkit in React app.

📋 Table of Contents

• 🌱 Pokemon Web App
  • 🌐 Live Demo
  • 📰 Article
  • ⚙ Built With
  • 🛠 Getting Started
    • 📦 Prerequisites
    • 💾 Installation
    • 🚀 Deployment
  • 📜 License

🌱 Pokemon Web App

This is a simple dynamic website that displays info about Pokemons from API, built with React and Redux Toolkit. The goal of this project is to showcase the modern way of using Redux with React and how Redux Toolkit can make it easier to manage the state of an application.

🌐 Live Demo

You can visit the live website here.

📰 Article

This project was created for my Medium article on How to simplify Redux Logic with Redux Toolkit. The article goes into detail on how to make asynchronous API calls and manage state with Redux Toolkit. If you're interested in learning more about this project, check out the article:

• How to Simplify Redux Logic with Redux Toolkit

If you've read the article, I'd love to hear your feedback! 😃 Please feel free to leave your thoughts and suggestions in the comments.

⚙ Built With

• React.js - JavaScript library for building user interfaces
• Redux Toolkit - Batteries-included toolset for efficient Redux development
• Poke API - Public API to fetch info about Pokemons
• React Bootstrap - Bootstrap components for styling and layout

🛠 Getting Started

To get a local copy up and running, follow these steps.

📦 Prerequisites

• Node.js installed on your machine

💾 Installation

1. Clone this repo into your project folder

cd my-projects
git clone [email protected]:IndieCoderMM/pokeverse.git

2. Install the dependencies

cd pokeverse
npm install

3. Start the development server

npm start

🚀 Deployment

You can deploy this project using:

npm run build

This will create a production-ready build of your website in build/ folder, which you can use to deploy on GitHub pages or any hosting platform.

Deploying on GitHub Pages

To deploy on GitHub pages, follow these steps.

1. Create a new GitHub repo and push your project.
2. Change the homepage url in package.json file.

{
    ...
    "homepage": "https://[your_username].github.io/[your_repo_name]
}

3. After building the project with npm run build, deploy the build/ folder.

npm run deploy

Your project will now be deployed to https://[username].github.io/[repo-name].

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.