Skip to content
/ enimi Public

A anime streaming web platform created using MERN (mongo, express, react, nodejs) stack with typescript.

License

Notifications You must be signed in to change notification settings

Zeddxx/enimi

banner image gif

enimi logo gif version

Welcome to Enimi

Enimi is an anime streaming platform created to watch anime without any ads and popups.
(created this application to sharpen my skill into mern stack 🥲)

This project is in development as for now.

react badge react badge BACKEND MOGODB redux react badge
rtk react badge

Why I Created Enimi?

I was much more comfortable with Next.js and wanted to create something using a trending stack, which was the MERN stack. Enimi was created on that stack to provide users with faster responses through its sleek UI. I learned a lot while creating Enimi and implemented production-ready features.

Features

  • Authentication.
    • login using email and password.
    • Register or Create your account using email, username and password.
    • Email verification functionality.
  • Bookmark Your Anime.
  • Responsive UI/UX.
    • Mobile Responsive
    • TV Responsive.
    • Desktop Responsive
    • IPad Responsive.
  • Your Continue watching Tracker
  • Animes
    • Trending Anime
    • Popular Anime
    • Search Anime
    • Recently Added Anime
    • Get anime search suggestions.
  • Admin dashboard
    • Admin can see website analytics.
    • Can have authority to delete unwanted comments.
  • User Dashboard

.env (inside server root directory)

 # your authentication main to use email verification.
AUTH_EMAIL= ***@outlook.com

# Authentication email password for nodemailer.
AUTH_PASSWORD=

# you can use the url for local machine
BACKEND_URL=https://api.amvstr.me/api/v2
BASE_BACKEND_URL=https://api.amvstr.me

# consumet url
CONSUMET_URL=

# use any random key here
JWT_SECRET=

# your mongo db url
MONGODB_URI=

Installation

  • Clone repository.
git clone https://github.com/Zeddxx/enimi.git
  • Go into server directory and install its dependencies and run the server.
cd server && npm install && npm run dev
  • Response from backend.
Listening at http://localhost:4000
  • Go to client directory and do the same. (open another terminal)
cd client && npm install && npm run dev
  • Response from client.
running at http://localhost:5173

Bugs And Features.

If you want to request some new features or want to point out some bugs please do open a issue and i will see into it. otherwise you can fix or add those feat. and create a pull request.

Author or Maintainer

Zeddxx

Footer

Thankyou and please do give an star ⭐️ to motivate the developer.

Prerequisites

  • Person should have knowledge of server side rendering and client side rendering.
  • Person should know how react.js with typescript works (beginner can adapt it faster).
  • Have a keen knowledge of react-router-dom.
  • Should know how to use react-tanstack-query and redux-toolkit-query for api fetching.
  • Have worked with state management library such as redux or zustand or useContext.