Irvine Valley College AI Club Website

Inspiration

I was driven by a thirst to learn more about coding. After seeing beautiful personal websites, I wanted to create one of my own, using this hackathon as an opportunity to dive deeper into web development.

What It Does

This website showcases upcoming activities for our college's AI club and highlights what the club offers to students. It includes a filtering system for events, implemented mainly through JavaScript, and features a clean and responsive design.

How We Built It

• HTML: Structured the content and layout of the site.
• CSS: Styled the website with a focus on responsive design and a clean, modern look.
• JavaScript: Added interactive features, including the filtering system and dynamic loading of event data from a JSON file.

Challenges We Ran Into

Time was a significant challenge, as I began working when the hackathon opened submissions. Balancing the learning of CSS, JavaScript, and HTML with schoolwork was difficult. Another challenge was figuring out how to host a JSON file for use with JavaScript, which I eventually solved using GitHub Pages.

Accomplishments That We're Proud Of

• Successfully built my very first website!
• Implemented a functional filtering system for club events.
• Made the website flexible to a wide range of screen sizes.

What We Learned

• Basics of CSS, JavaScript, and HTML.
• How to organize a project with a quick deadline
• How to host JSON files using GitHub Pages.

What's Next for the Irvine Valley College AI Club Website

• Custom Domain: Set up a custom domain for the site.
• JavaScript Enhancements: Add more dynamic features and animations.
• Database Integration: Explore implementing a database for member logins and event management.

Built With

• css
• html
• javascript