Skip to content

AnimeSuper: ultimate hub for anime fans, seamless platform to organize favorites, and stay updated on trends.😊

License

Notifications You must be signed in to change notification settings

prince2520/animesuper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

64 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Github Cover

AnimeSuper: ultimate hub for anime fans, seamless platform to organize favorites, and stay updated on trends.😊

html5 css3 javascript python react redux react router django sqlite firebase vercel figma



Table Of Contents

About The Project

AnimeSuper

AnimeSuper is the ultimate hub for anime enthusiasts, providing a seamless platform to organize and cherish their favorite anime/manga and also user organize their watchlist. With a user-friendly interface, it ensures fans stay effortlessly updated on the latest trends, creating a delightful experience that fosters a sense of community and passion among anime lovers.

Built With

Frontend

Backend

Getting Started

Prerequisites

npm is a package manager for the JavaScript programming language maintained by npm, Inc. npm is the default package manager for the JavaScript runtime environment Node.js and is included as a recommended feature in the Node.js installer.

Node.js is a cross-platform, open-source JavaScript runtime environment that can run on Windows, Linux, Unix, macOS, and more. Node.js runs on the V8 JavaScript engine, and executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command line tools and for server-side scripting.

Git is a distributed version control system used for software development. It allows multiple developers to work on the same codebase simultaneously, keeping track of changes and managing versions. It also enables users to revert changes and collaborate more effectively.

Python is a high-level, general-purpose programming language. Its design philosophy emphasizes code readability with the use of significant indentation. Python is dynamically typed and garbage-collected. It supports multiple programming paradigms, including structured, object-oriented and functional programming.

Installation

Step 1 - Clone the animesuper project.

git clone https://github.com/prince2520/animesuper.git

Frontend

Step 2 - Install the necessary dependencies.

npm install 

Step 3 - Add environment variables.

# Create .env file and paste to root folder

# Add the url of your server
REACT_APP_SERVER_URL= http://127.0.0.1:8000

# Add your firebase credentials here
# firebase config (Add your config data)
REACT_APP_apiKey=*****
REACT_APP_authDomain=*****
REACT_APP_projectId=*****
REACT_APP_storageBucket=*****
REACT_APP_messagingSenderId=*****
REACT_APP_appId=*****
REACT_APP_measurementId=*****

Step 4 - Run frontend server locally.

npm start 

Backend

Step 5 - Install the necessary dependencies.

pip install -r requirements.txt 

Step 6 - Add environment variables.

# add .env file to animesuper directory

# add your myanimelist api credentials
MYANIMELIST_URL=https://api.myanimelist.net
MYANIMELIST_API_KEY==******

# email credentials 
EMAIL_USE_TLS=True
EMAIL_HOST=smtp.gmail.com
EMAIL_HOST_USER=******
EMAIL_HOST_PASSWORD=******
SENDER_EMAIL=******
EMAIL_PORT=587


# add your yugabyte credentials
DB_ENGINE=django_yugabytedb
DB_NAME=yugabyte
DB_HOST=******
DB_PORT=5433
DB_CONN_MAX_AGE=None
DB_USER=admin
DB_PASSWORD=******

Step 7 - Run backend server locally.

py manage.py runserver 8000

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  • If you have suggestions for adding or removing projects, feel free to open an issue to discuss it

  • Please make sure you check your spelling and grammar.

Creating A Pull Request

Wanna contribute to AnimeSuper ?

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

Code of conduct

Developers are requested to go through our code of conduct thoroughly to maintain a peaceful environment within our project.

License

Distributed under the MIT License. See LICENSE for more information.

Project Links

website hou figma