Giter Site home page Giter Site logo

sudokmaar / otakode Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 1.24 MB

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.

Home Page: https://otakode.vercel.app

License: MIT License

CSS 5.48% TypeScript 91.97% JavaScript 2.55%
abhishek-kmaar abhishek-kumar anime kmaar kmaar-miscellaneous-studio otakode framer-motion infinite-scroll nextjs14 server-actions

otakode's Introduction

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

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!

otakode's People

Contributors

sudokmaar avatar

Watchers

 avatar

Forkers

kmstudio44

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.