Introduction

Built with React.js for the user interface, Express.js and SQLite3 for backend, and styled with TailwindCSS, this Anime List lets users browse trending animes, search titles, and explore content using the Jikan API.

Tech Stack

• React.js - React-use - Tailwind CSS

• Vite - Express.js - SQLite3

Features

• Browse Animes: Explore all animes available on the Jikan API.

• Search Animes: Efficiently find specific anime titles using a responsive search bar.

• Trending Animes: Discover popular and most-searched animes, reflecting real-time user interest.

• Backend: Manages data persistence for trending anime tracking and serves as an API for the frontend.

and many more...

Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/Droppicode/anime-list.git
cd anime-list

Installation

Install the project dependencies using npm (for both frontend and backend):

npm install
cd backend
npm install

Running the Project

node index.js
cd ../
npm run dev

Open http://localhost:5173 in your browser to view the project, the backend should have started on http://localhost:5000.