Aniflix

• 

  Character Select

• 

  Media

• 

  Catalog

Inspiration

Inspired by steaming platforms like Hulu, Disney+ and Crunchyroll but wanted to add our own twist to just watching your favorite shows.

What it does

Starting with a grid-style display of videos, the user chooses which video to watch. Once a video is clicked, they must watch the full video to unlock the assigned character. After completing the video, they can select that character and use it as their profile picture. Additional features, such as dressing up the characters, will be added later.

How we built it

We built this project using VS Code, ChatGPT, and Codex. We also used resources like blackbox at the beginning however it corrupted our file making us have to restart.

Challenges we ran into

One of the main challenges we faced was connecting links properly using HTML and JavaScript. We frequently ran into issues with href and navigation between pages. Another major obstacle was integrating the YouTube API, since JavaScript and HTML did not always work smoothly together. Debugging these issues took a lot of time and required trial and error. Consistent usage of ai to make a faster and easier implementation.

Accomplishments that we're proud of

Our biggest accomplishment was creating a fully functional character selection system. This feature allows users to choose their favorite character after unlocking it. We especially enjoyed the design aspect of the project, since it relates closely to creating sprites for video games. Especially when my team partner added in the “Aniflix” logo and the profile at the top right which was a very nice implementation to the code.

What we learned

Throughout this process, we gained a stronger understanding of JavaScript, CSS, and HTML. We also learned how to troubleshoot linking issues and work with embedded content. Although implementing the YouTube functionality was challenging, using tools like ChatGPT helped us efficiently embed videos and avoid spending excessive time fixing small errors.

What's next for Aniflix

Next, we plan to expand the dress-up feature by creating more customization options for each character. The goal is to make the system more user-friendly and allow players to personalize their characters with different outfits and accessories. Including a nice slide bar so the user doesn’t have to go back and forth with the buttons.

Built With

• chatgpt
• codex
• css
• html
• javascript