Anime Central: Build the Anime Page for FandomFusion

[Gamin8ing]

Build the Anime Page for FandomFusion

Points: 40

---

Description:

This issue involves creating a beautiful and fully functional Anime Page for FandomFusion. The page will feature curated anime sections, including Top Animes, Our Picks, and Friends’ Recommendations, styled according to the Figma design theme.

Inspiration

https://broflix.cc/movies ^

---

Your Task:

1. Anime Page Design:

   • Create a new page named AnimePage.jsx.
   • Design the layout to include the following sections:
     • Top Animes:
       • Display the top anime (fetch from the backend, refer its documentation).
     • Our Picks:
       • Use data from the src/data/ourPicks.json file, filtering entries where type === "anime".
     • Recommendations:
       • Include subsections for Friends’ Recommendations, categorized by different friends.
       • Use placeholder data for now to simulate friends’ recommendations.

2. Styling:

   • Use TailwindCSS for styling and ensure alignment with the Figma theme.
   • Make the page visually appealing with appropriate headers, cards, and animations for smooth transitions.

3. Responsiveness:

   • Ensure the page is fully responsive on both desktop and mobile devices.

4. Reusability:

   • Use reusable components (e.g., AnimeCard, RecommendationSection) to keep the code clean and modular.

---

Guidelines:

1. Save the new page in src/pages/AnimePage.jsx.
2. Use clean, modular, and commented code to enhance readability.
3. Do not modify unrelated files or components.

---

Submission Requirements:

1. Create a new branch named add-anime-page-<your-github-username>.
2. Submit a pull request (PR) with your implementation.
3. Attach a video recording showcasing:
   • The entire anime page, including all sections.
   • Responsiveness on both desktop and mobile.

---

Resources:

• FandomFusion Backend Repository
• API Documentation
• TailwindCSS Documentation
• React Component Basics

---

Let’s make the Anime Page the perfect hub for anime lovers on FandomFusion! 🚀

[PriyamJChakrabarty]

Claim

[Gamin8ing]

/info

[Opencodeiiita-Bot]

User	Repo
PriyamJChakrabarty	AssetMart (1), SponsoHive-Backend (1)
Gamin8ing	0

[Gamin8ing]

@PriyamJChakrabarty progress on the issue? As opencode is very close to being end, i might have to assign it to somebody else

[Anon-is-Anon]

@PriyamJChakrabarty Update on the issue?