Skip to content

AniList Fullstack web built with Next.js, Tailwind CSS, PostgreSQL, Prisma & Supabase.

Notifications You must be signed in to change notification settings

yongkisatrias/anilist

Repository files navigation

Anilist - Anime List Web Fullstack

Table of Contents

About Project

Welcome to AniList, the ultimate destination for anime enthusiasts worldwide. Built with love and dedication for the art of Japanese animation, AniList is where you can discover the most popular anime, get tailored recommendations, engage in passionate discussions, and feel the warmth of a solid anime community.

Feature

  • Most Popular Anime: Explore the list of the most beloved and trending anime in the world.

  • Anime Recommendations: AniList provides anime recommendations and helps you discover new anime titles you may not have encountered before.

  • Sign In: Join the AniList community easily by creating your own account. Logging in grants access to exclusive features such as marking your favorite anime, creating a personal watchlist, and participating in discussions in the comment section.

  • Comment: Express your thoughts on your favorite anime by commenting directly on the anime list page.

  • User Profiles: View your watchlist collection and also see your comments on each anime.

Built with

Installation

Because AniList is an open source project, you can also run AniList on your localhost. clone this repository and open it using your favorite code editor, and run the terminal like this:

Git clone https://github.com/yongkisatrias/anilist.git
npm i
npm run dev

For the environment variable there is file reference at root this project named .env.example, use this as the reference to configuring environment variable for this app. Important: All environment variables must be filled.

Demo

https://anilist-anime.vercel.app/

Login with your GitHub or Google account

Screenshot Project

AniList

Contact

You can reach me on:

gmail instagram linkedin github

I know this project is not perfect, please understand if data occasionally fails to appear or requires a second click, as we are using free-tier deployment for both the front-end and back-end services. Thank you 😊

Contributions are the cornerstone of the open source community, turning it into a remarkable space for learning, inspiring, and innovating. Your contributions are highly valued.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b your/branch`)
3. Commit your Changes (`git commit -m 'Add amazing feature'`)
4. Push to the Branch (`git push origin feature/yourbranch`)
5. Open a Pull Request

Related Project

You can see other projects on my personal portfolio website.

🚀 My Web Portfolio

About

AniList Fullstack web built with Next.js, Tailwind CSS, PostgreSQL, Prisma & Supabase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published