Giter VIP home page Giter VIP logo

cs50-final-project's Introduction

AYT ( webapp )

CS50 final project!


Overview

AYT is a web application which you can find information about Anime and Manga. What I meant by information is that story, characters, voice actors in Anime and also volume and chapter in Manga as well as other things that might get your attention. In this webapp, you can find every Anime and Manga that is on Anilist website since this web app is using Anilist Api to get these datas.



What is Anime and Manga?


Anime is a style of Japanese film and television animation, typically aimed at adults as well as children. Manga is also a style of Japanese comic books and graphic novels, typically aimed at adults as well as children. You can also find them on google.

Pages/Templates

I have quite a few pages in this web app.

  • 2 templates for detail information about Anime and Manga
  • overall 2 pages that shows Animes and Mangas
  • apology
  • login
  • register
  • profile
  • contact

features

  1. Register: You need to give information ( email, username, password ) and I will put that in database.
  2. Login: If you already have an account, you have to login in order to use this webapp.
  3. Animes: This is an index page and you will see Anime series and movies pictures. Just click on the text part which has black background within a picture to see information.
  4. Mangas: This page works the same as Anime page but it shows Manga information.
  5. Genres: You can also filter out Animes and Mangas by clicking on the buttons which is under genres header.
  6. setting: When you click on this setting button, you will see another 2 buttons which are Profile and Logout.
  7. Profile: First you have to click on setting then you will see Profile button there. You can change your profile or set a new profile. You will also see your email and username.
  8. Contact Us: You can get in touch with me by sending an email!
  9. Logout button: First of all you have to click on setting button to click logout button.

Requirments

  • You will need everything that is listed in requirements.
  • You need to type flask run in terminal to run this project

Alert

I used CS50 codespace which is connected to CS50 in VScode to run this project which means I'm not sure it will work or not if you run this program in some IDE and code editors.


How to use?

  • First of all you have to register if you don't have an account. You have to login if you already have an account.
  • Then you can start clicking on text parts within images under Animes and Mangas sections.
  • You can also click on buttons which are Animes, Mangas, Setting, and Contact Us.

cs50-final-project's People

Contributors

awtha12321 avatar

Watchers

 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.