Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Ekalabya23/AniMerch

Open more actions menu

Repository files navigation

AniMerch

AniMerch is a modern anime merchandise eCommerce platform built with a futuristic dark UI inspired by anime aesthetics and neon cyberpunk themes.
The platform allows users to browse, purchase, and manage anime-related products such as apparel, figures, accessories, posters, and collectibles.


✨ Features

  • 🎌 Anime-themed modern UI
  • 🛒 Shopping cart & checkout system
  • 👤 User authentication & account management
  • 📦 Order tracking and order history
  • ❤️ Wishlist & favorites
  • ⭐ Product reviews & ratings
  • 📍 Address management
  • 🔐 Secure profile & password settings
  • 📱 Fully responsive design
  • 🌙 Dark neon cyberpunk theme

🖼️ UI Highlights

AniMerch uses:

  • Glassmorphism effects
  • Neon gradients
  • Animated UI components
  • Smooth hover interactions
  • Responsive grid layouts
  • Dark futuristic aesthetic

🛠️ Tech Stack

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • Pug Template Engine

Backend

  • Node.js
  • Express.js

Database

  • MongoDB
  • Mongoose

Authentication

  • JWT Authentication
  • Cookies & Sessions

Other Tools

  • Firebase (for reviews system)
  • Cloudinary (optional image hosting)

📂 Project Structure

AniMerch/
│
├── public/
│   ├── css/
│   ├── js/
│   ├── images/
│
├── views/
│   ├── partials/
│   ├── account/
│   ├── products/
│   └── orders/
│
├── routes/
├── controllers/
├── models/
├── middleware/
├── utils/
│
├── app.js
├── package.json
└── README.md

🚀 Installation

Clone the repository:

git clone https://github.com/yourusername/animerch.git

Move into the project folder:

cd animerch

Install dependencies:

npm install

Create a .env file:

PORT=4000
MONGO_URI=your_mongodb_connection
JWT_SECRET=your_secret

Start the development server:

npm run dev

🌐 Environment Variables

Variable Description
PORT Server port
MONGO_URI MongoDB connection string
JWT_SECRET JWT authentication secret
CLOUDINARY_URL Cloudinary API URL (optional)

📸 Main Pages

  • Home Page
  • Product Details
  • Cart
  • Checkout
  • Login / Signup
  • User Profile
  • My Orders
  • Wishlist
  • Reviews
  • Admin Dashboard

🔮 Future Plans

  • AI-based anime recommendations
  • Real-time order tracking
  • Live chat support
  • AR figure preview
  • Community forums
  • Multi-language support

📱 Responsive Design

AniMerch is optimized for:

  • Desktop
  • Tablet
  • Mobile devices

🤝 Contributing

Contributions are welcome.

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push the branch
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

Built with ❤️ by Ekalabya Patel


⭐ Support

If you like this project, consider giving it a star on GitHub!

About

An Anime Store build with Server Side Renderning

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.