https://github.com/zeddxx/enimi
A anime streaming web platform created using MERN (mongo, express, react, nodejs) stack with typescript.
https://github.com/zeddxx/enimi
anime enimi express mern-stack nodejs nodemailer react react-hook-form redux-toolkit shadcn-ui typescript vite
Last synced: 6 months ago
JSON representation
A anime streaming web platform created using MERN (mongo, express, react, nodejs) stack with typescript.
- Host: GitHub
- URL: https://github.com/zeddxx/enimi
- Owner: Zeddxx
- License: apache-2.0
- Created: 2024-04-24T16:08:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-13T17:33:42.000Z (about 1 year ago)
- Last Synced: 2025-03-29T03:11:42.578Z (7 months ago)
- Topics: anime, enimi, express, mern-stack, nodejs, nodemailer, react, react-hook-form, redux-toolkit, shadcn-ui, typescript, vite
- Language: TypeScript
- Homepage: https://enimi.onrender.com
- Size: 734 KB
- Stars: 12
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
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.
## 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
- [x] Authentication.
- [x] login using email and password.
- [x] Register or Create your account using email, username and password.
- [x] Email verification functionality.
- [x] Bookmark Your Anime.
- [x] Responsive UI/UX.
- [x] Mobile Responsive
- [x] TV Responsive.
- [x] Desktop Responsive
- [x] IPad Responsive.
- [x] Your Continue watching Tracker
- [x] Animes
- [x] Trending Anime
- [x] Popular Anime
- [x] Search Anime
- [x] Recently Added Anime
- [x] 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)
```bash
# 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.
```bash
git clone https://github.com/Zeddxx/enimi.git
```
- Go into server directory and install its dependencies and run the server.
```bash
cd server && npm install && npm run dev
```
- Response from backend.
```bash
Listening at http://localhost:4000
```
- Go to client directory and do the same. (open another terminal)
```bash
cd client && npm install && npm run dev
```
- Response from client.
```bash
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`.