MyAnimeList

It is a Next.js application that provides users with a comprehensive anime search and favorite management experience, now featuring MongoDB for user data storage and the Next.js App Router for dynamic navigation.

Features

• Seamless Search: Search for anime by title or keywords.
• Detailed Information: Explore anime details like synopsis, genre, rating, and more.
• Personalized Favorites: Add and manage a personalized list of your favorite anime, now stored in MongoDB for persistence.
• User Authentication: Securely login, register, and manage your account.
• Server-Side Rendering: Enjoy improved performance and SEO.
• SEO Optimization: Optimized meta tags and content for better search engine ranking.
• Responsive Design: Works flawlessly across all devices.
• Dynamic Navigation: Utilize the Next.js App Router for smooth and efficient navigation between different sections of the application.

Server-Side Actions

• Anime Data Fetching: Efficiently retrieves anime data from an API.
• Favorites Management: Add and remove anime from your favorites list, storing the information in MongoDB.
• User Authentication: Handles user login, registration, and authentication, allowing access to personalized features.

Technologies Used

• Next.js: A popular React framework for building server-rendered applications.
• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid development.
• NextSeo: An optimization library for managing SEO-related meta tags and content.
• Jikan API: Efficiently retrieves anime data from a reliable and popular source.
• MongoDB: A NoSQL database for storing and managing user data, including their favorite anime list.
• Next.js App Router: A new feature in Next.js that provides dynamic and flexible routing within the application.

Installation

1. Clone the repository: git clone https://github.com/Ananta-Paul/MyAnimeList
2. Install dependencies: npm install
3. Configure MongoDB connection details:
   • Create a MongoDB Atlas account and database.
   • Update the .env file with your database connection details.
4. Start the application: npm run dev

Contributing

Feel free to contribute to this project by making pull requests. Please follow the contributing guidelines for code style and formatting.

Get Started

1. Visit the application in your browser at http://localhost:3000
2. Explore the features and functionalities
3. Search for your favorite anime
4. Add them to your favorites list
5. Register or login to experience the full features
6. Utilize the dynamic navigation to seamlessly explore different sections of the application

License

This project is licensed under the MIT License.

We hope you enjoy using MyAnimeList!