sudokmaar/otakode

OtaKode is the ultimate destination for anime fans. Whether you are looking for the latest anime or recommendations, Otakode has it all. Explore our extensive database of anime titles, genres, ratings, and more.

OtaKode - Your Ultimate Anime Destination

Welcome to OtaKode, the ultimate destination for anime fans. Whether you are looking for the latest anime news, reviews, recommendations, or a vibrant community, OtaKode has it all. Explore our extensive database of anime titles, genres, ratings, and more.

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Components
• Animations
• Contributing
• License

Introduction

OtaKode is a Next.js project that brings together anime enthusiasts to discover, explore, and enjoy their favorite anime titles. The project is designed to be visually appealing, responsive, and user-friendly.

Features

• Anime Card Display: Explore a curated list of anime titles with detailed information.
• Infinite Scroll: Load more anime titles as you scroll down, providing a seamless browsing experience.
• Hero Section: A captivating hero section with the Otakode logo and mascot, welcoming users to the platform.
• 404 Page: A custom 404 error page with a visually appealing design, guiding users back to the homepage.
• Metadata and SEO: Optimize your website for search engines with metadata and sitemap functionalities.
• Footer: A comprehensive footer section with copyright information and links to social media profiles.

Installation

To run the OtaKode project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/SudoKMaar/otakode.git

2. Navigate to the project directory:

   cd otakode

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:3000 to view OtaKode locally.

Usage

Once the project is set up, you can explore anime titles, enjoy the hero section, and navigate through the user-friendly interface. The infinite scroll feature allows you to discover more anime titles effortlessly.

Components

Anime Card

The AnimeCard component is responsible for displaying detailed information about an anime title. It includes animations for a smooth and visually appealing user experience.

Hero

The Hero component represents the hero section of the website, featuring the Otakode logo, a captivating title, and an image of the Otakode mascot.

LoadMore

The LoadMore component handles the infinite scroll functionality, dynamically loading additional anime cards as the user scrolls down the page.

Footer

The Footer component provides comprehensive information, including copyright details, a link to the creator's portfolio, and social media links.

Animations

OtaKode utilizes the Framer Motion library for animations. The MotionDiv component simplifies the application of motion effects to various elements.

Contributing

Contributions to OtaKode are welcome! If you have ideas for new features, improvements, or bug fixes, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

---

Thank you for choosing OtaKode. We hope you enjoy using it!