reeteshsudhakar / gtdelts-website

Source code for the Georgia Tech Delts website, built using Next.js and Chakra UI.

GT Delts Website

Made by Reetesh Sudhakar in Spring 2024, using Next (pages) and Chakra UI. Deployed to gtdelts.org using Vercel.

The Contact form was set up using toast and EmailJS, with all communications being sent to [email protected].

gtdelts-website's Issues

Update README.md

Need to add more documentation to the README to explain how the project structure is set up, how to update certain things, where important information is, etc. This will be crucial for long term maintenance.

Create a page that has a list of all the brothers

• Create a component card for each brother, similar to the person profile component (larger, supports more info/text)
• Collect information from each brother from a form response
• Import photos of all brothers from composite pictures for use
• create a layout for all the brothers and their info
• add page to Navbar for new page that showcases brothers

Website not mobile safe

Many components on the website were hardcoded for size and not really responsive or conducive to mobile devices. This should be fixable by just adding directionality to all the Stack blocks in the code based on the base, medium, and large sizes of pages.

Hero Component hardcoded

The hero component that's seen on the home page is currently hardcoded and only has one image. Definitely need to update it so that it doesn't just have a singular image (parameterize it) that it can display.

Optional: Could also be cool to have it use a rotating set of images if a list is passed in as a null-safe parameter.

Implement Brothers and Alumni Page

• Create a link list (all the things that should show up on the page - calendar things vs. just a button)
• Segment all the information based on stuff that's relevant to alumni vs. brothers
• ensure that any links are accessible through the google groups (actives + alumni, actives) - coordinate with Victor on this
• Design an announcements portion to go above the links for both the alumni and the brothers
• password protection // authentication

Internet Optimizations

Need to make the website more visible on the internet. To that end, need to add the following -

• Favicons
• Preview Images (when sending messages, attaching on posts, etc.)
• SEO optimizations (can use pretty basic templates)
• Page Title (for tabs on pages when switching around)

Hero Text resizing wrong

When the window is resized the hero component text becomes too small. Need to add custom sizing for each size of the window instead of it being relative to width and height.