📺 AnimeList

A Netflix-inspired anime streaming interface built with Next.js, featuring anime search, genre filtering, a favorites system, personal lists, and a customizable user profile.

---

📌 About the Project

AnimeList is a web application that recreates the Netflix user experience, but fully focused on anime.
Users can:

• 🔍 Search for anime in real time
• 🎭 Filter by genres and personal preferences
• ⭐ Add anime to their favorites
• 📚 Manage a personalized anime library (“My List”)
• 👤 Edit profile information
• 🧭 Navigate between Home, Movies, Genres, My List, Profile and Search
• 🌓 Switch between Light Mode and Dark Mode

The goal is to provide a clean, modern and immersive anime browsing experience. All preferences are saved in Local Storage, some require you to save manually, others don't.

---

🖼️ Project Banner

---

📸 Screenshots

🔹 Movies Page

🔹 Genres Page

🔹 My List

🔹 Profile Page

---

🚀 Requirements

To run this project locally, you will need:

• Node.js v18 or higher
• Next.js 16
• NPM or Yarn package manager

---

📦 Installation

Getting Started

Clone the repository:

git clone https://github.com/Dev-Matheus-Felipe/AnimeList.git

Navigate to the project directory:

cd AnimeList

Install the dependencies:

npm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open your browser and access:

http://localhost:3000

---

Feel free to contribute or open issues if you find any bugs or have suggestions.

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/(pages)/(main)/(home)/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.