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.
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.
- 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.
To run the OtaKode project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/SudoKMaar/otakode.git
-
Navigate to the project directory:
cd otakode -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:3000to view OtaKode locally.
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.
The AnimeCard component is responsible for displaying detailed information about an anime title. It includes animations for a smooth and visually appealing user experience.
The Hero component represents the hero section of the website, featuring the Otakode logo, a captivating title, and an image of the Otakode mascot.
The LoadMore component handles the infinite scroll functionality, dynamically loading additional anime cards as the user scrolls down the page.
The Footer component provides comprehensive information, including copyright details, a link to the creator's portfolio, and social media links.
OtaKode utilizes the Framer Motion library for animations. The MotionDiv component simplifies the application of motion effects to various elements.
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.
This project is licensed under the MIT License.
Thank you for choosing OtaKode. We hope you enjoy using it!