/mlscgallery-cra

Gallery page for Microsoft Learn Student Chapter,TIET. Check development deployment for this repo below:

Primary LanguageJavaScript

Gallery Page - MLSC Website

Eventually this will be deployed to [https://mlsctiet.com/gallery]

Description

Gallery page for the MLSC website. This page will display all the images of mlsc alumni, team and other photos that are uploaded to the website. Everthing related to gallery is included in src/pages/gallery folder for the purpose of easy merging later on.

Built With

To-Do

  • Create a basic gallery page
  • Use swyper to cycle through images
  • Add Exploding animation to image on click which reveals all images with a cool animation
  • Add hacking text animation to the center of gallery page which says "This is MLSC"
  • Create a backend for uploading images
  • Make the MLSC logo an svg
  • Switch to webp format for images
  • add parallax effect to the exploding animation using atropos js

Made for MLSC TIET

MLSC TIET