My Hero Academia - Fandom

Visit Website

Photo Gallery

Technologies used

• Next.js
• JavaScript
• Husky
• Framer Motion
• Styled Components
• React Intersection Obeserver

Brief Summary of the Project

• This project is my homage to one of the greatest anime ever - My Hero Academia.
• This site uses the canvas element to create a eraser element that erases the background to reveal the video.
• The site is fully responsive and uses framer motion for animations.
• The site uses the intersection observer to tell you when an element enters or leaves the viewport and then lazy loads the video.
• The site is built using Next.js and is deployed on Netlify.