Code Monkey home page Code Monkey logo

animehub's Introduction

AnimeHub

AnimeHub is a user-friendly and visually appealing anime website. It allows users to search for animes by title, sort them by genre, view popular, ongoing, top-rated, and newest anime. Additionally, users can create and manage their watchlist.

Alt text

Alt text

Alt text

Technologies Used

  1. Tailwind CSS
  2. ReactJS
  3. NodeJS
  4. ExpressJS
  5. My SQL

Features

  1. User Authentication: Authentication is integrated to provide secure user registration and login functionality.
  2. Anime Search: Users can search for animes by title, making it easy to find their favorite shows.
  3. Genre Sorting: Animes can be sorted by genre, enabling users to discover new shows based on their preferences.
  4. Popular, Ongoing, Top-Rated, and Newest Anime: Users can explore the latest trends, ongoing series, top-rated shows, and newest releases.
  5. Watchlist: Users can create and manage their watchlist, keeping track of the animes they plan to watch.

How to Contribute to this repository

Before contibuting create an issue of the bug or a feature you would like to add in the project and get the task assigned for youself.

  1. Star the repository.
  2. Fork the repository. (Click the Fork button in the top right of this page, click your Profile Image)
  3. Clone the forked repository to your local machine.
git clone https://github.com/your-username/AnimeHub.git
  1. Change the present working directory.
cd AnimeHub
  1. Make a new branch
git checkout -b branch-name
  1. Import anime_hub database into MySQL Workbench
Open MySQL Workbench

Open the Local instance

Click Server->Data Import

Select Import from Self-Contained File option

Open AnimeHub\BackEnd\anime_hub_dump.sql

Press start import
  1. Make .env file in .\AnimeHub\BackEnd just like .env.example and add your password.
  2. Install node modules in BackEnd and start backend server.
cd BackEnd
npm install
npm run start
  1. Install node modules in FrontEnd and start frontend server.
cd FrontEnd
npm install
npm run dev
  1. Make change in the repository with the new branch.

  2. Push the changes.

git add .
git commit -m "Your commit Message"
git push origin branch-name
  1. Make a pull request on Github.

Happy anime watching! ๐Ÿฟ

Contributors

animehub's People

Contributors

moonpatel avatar peacexoom avatar tirth29 avatar irfansalim avatar danfogelberg avatar darshan1904 avatar hardy07 avatar cstrp avatar

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.