AniStream is a modern, sleek anime streaming web application built with React and styled using Tailwind CSS.
It provides anime enthusiasts with a smooth, responsive, and enjoyable streaming experience.
- 🌟 Beautiful UI — Minimalistic, elegant, and responsive interface powered by Tailwind CSS.
- 🔍 Search & Discover — Quickly find your favorite anime titles.
- 🎥 Stream Anime — Enjoy high-quality anime streaming.
- 📋 Watchlist — Save shows you want to watch later.
- 🌙 Dark Mode — Eye-friendly dark theme for late-night sessions.
- 📱 Responsive Design — Works beautifully on desktop, tablet, and mobile devices.
🎬 Live Demo: AniStream Live Demo
(Add your deployed link once available — e.g. https://anistream.vercel.app)
| Category | Technology |
|---|---|
| Frontend | React |
| Styling | Tailwind CSS |
| State Management | React Context API / Redux (specify which one you used) |
| API | AniStream Backend (or other anime API services) |
Follow these steps to run AniStream locally:
# 1. Clone the repository
git clone https://github.com/Manvith911/AniStream.git
# 2. Navigate into the project folder
cd AniStream
# 3. Install dependencies
npm install
# 4. Start the development server
npm run devOnce the server starts, open your browser and go to:
👉 http://localhost:3030
(or the port shown in your terminal)
Easily deploy AniStream to Vercel:
- Go to https://vercel.com and sign in with your GitHub account.
- Click "New Project" → "Import Git Repository."
- Select your AniStream repository.
- Click Deploy — Vercel automatically detects your React + Vite setup.
Once deployed, you'll get your live site URL (for example):
👉 https://anistream.vercel.app
- Config file — Update API base URL
- MainLayout file — Update const res = await fetch(
<YOURHOSTED.vercel.app/api/anime/${id}); in the 28th line of the file - WatchPage file — Update const res = await fetch(
<YOURHOSTED.vercel.app/api/anime/${id}); in the 36th line of the WatchPage file
⭐ If you like this project, please give it a star on GitHub!