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.
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.
- 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
# 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=
- 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
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.
Thankyou and please do give an star ⭐️ to motivate the developer.
- 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
andredux-toolkit-query
for api fetching. - Have worked with state management library such as
redux
orzustand
oruseContext
.