Skip to content

ss6909-cloud/pokedex

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 

Repository files navigation

🏆 Modern Pokédex

Welcome to the Modern Pokédex 📖, the ultimate Pokédex built with ⚛️ Next.js, 🎨 Tailwind CSS, and ✍️ TypeScript! Gotta catch 'em all! 🎉


## 🚀 Features
  • Blazing-fast ⚡ performance with ⚛️ Next.js
  • 🎨 Beautiful 🖌️ and modern 🏙️ UI powered by 🎨 Tailwind CSS
  • 🔍 Search 🔎 functionality to find Pokémon by 🏷️ name or 🔥 type
  • 📊 Detailed 📈 Pokémon stats and 💡 abilities
  • 📱 Fully responsive 📲 design for all devices 🖥️📱

🛠️ Setup & Installation

Follow these steps 📝 to get started 🚀:

Prerequisites

Make sure you have the following installed on your machine:

  • Node.js (version 14.x or later)
  • npm (version 6.x or later) or yarn (version 1.x or later)
  • Git

1️⃣ Clone 📂 the Repository

git clone https://github.com/magi8101/pokemon-app.git
cd pokemon-app

2️⃣ Install 📦 Dependencies

Using npm:

npm install

Or using yarn:

yarn install

3️⃣ Run 🚀 the Development Server

Using npm:

npm run dev

Or using yarn:

yarn dev

Open your browser and navigate to http://localhost:3000 to see the application in action.

4️⃣ Build 🏗️ the Project for Production

Using npm:

npm run build

Or using yarn:

yarn build

5️⃣ Test 🧪 the Project

Using npm:

npm run test

Or using yarn:

yarn test

6️⃣ Deployment 📦

Follow the deployment instructions for your preferred hosting provider. For example, to deploy on Vercel:

  1. Install the Vercel CLI:
npm install -g vercel
  1. Deploy the project:
vercel

Follow the prompts to complete the deployment.

About

Welcome to the Modern Pokédex 📖, the ultimate Pokédex built with ⚛️ Next.js, 🎨 Tailwind CSS, and ✍️ TypeScript! Gotta catch 'em all! 🎉

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 97.7%
  • CSS 1.8%
  • JavaScript 0.5%