Ben 10 Wiki 🚀

Overview

The Ben 10 Wiki is a fan-made project that provides detailed information about the Ben 10 universe, including characters, aliens, episodes, and more. The project includes a custom-built API to serve data and a frontend built with React ⚛️ and Tailwind CSS 🎨.

Features ✨

• Browse information about different aliens, characters, and episodes 👽📺.
• Custom API for serving data ⚙️.
• Redux slices for state management 🗂️.
• Tailwind CSS for a modern and responsive design 🎨.
• Deployed on Vercel 🚀.

Tech Stack 🛠️

• Frontend: React ⚛️, Tailwind CSS 🎨, Redux 🔄
• Backend: Custom API (self-hosted) using Express and MongoD8 ⚙️
• Deployment: Vercel 🚀

Installation & Setup 🏗️

Prerequisites 📌

Ensure you have the following installed:

• Node.js (latest LTS version recommended) 🔧
• npm or yarn 📦

Steps 🏃‍♂️

1. Clone the repository:

   git clone https://github.com/raju0005/ben10-wiki.git

2. Navigate to the project directory:

   cd ben10-wiki

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

   The app should now be running on http://localhost:3000.

Deployment 🚀

The project is deployed on Vercel. To deploy your own version:

1. Install the Vercel CLI:

   npm install -g vercel

2. Link your project:

   vercel

3. Follow the on-screen instructions to deploy.

Future Enhancements 🔮

• Implement a search system for easier navigation 🔍.
• Add admin features to manage content 🛠️.
• Improve UI/UX for a better user experience 🎨.

Contributions 🤝

Contributions are welcome! Feel free to fork the repo, make changes, and submit a pull request.

License 📜

This project is for educational and fan-based purposes only. It is not affiliated with the official Ben 10 franchise.

Contact 📬

For any queries or contributions, feel free to reach out on GitHub. rajeshande004@gmail.com