Welcome to the official website of our fictional game studio! This is a frontend-focused web development project that showcases a complete multi-page, interactive, static site, built with HTML, CSS, and JavaScript. It simulates site of a modern game company.
Note: This is my first major web development project. It was created to apply and demonstrate what I've learned about structuring, designing, and adding interactivity to a complete website.
🔗 [View the website here] https://austinc23113162.github.io/cs20midterm/homepage.html
- A clean, responsive landing page with modern UI/UX
- Introduction to the studio
- Slideshow effect in the middle of the page
- Showcases several hypothetical games
- Includes game titles, descriptions, and stylized layouts
- Displays hypothetical news
- Hover effects and stylized cards
- Merch section accessories
- Clean product display layout with pricing and images
- Interactive comments section using JavaScript
- Users can submit and view comments (stored in memory only)
- Comments disappear after a page refresh (no database yet)
- Newsletter signup form (no backend — purely visual)
- Encourages users to stay connected with future updates
- HTML – Semantic structure and accessibility
- CSS – Custom styling, layout, and hover effects
- JavaScript (Vanilla) – DOM manipulation, dynamic interactivity
- GitHub Pages – Hosting
- Forum comments and newsletter inputs are not persistent — no backend/database is used
- For a production-ready version, backend technologies like Node.js and MongoDB (or Firebase) would be needed to handle user input and store data
- Structuring a multi-page website with consistent navigation
- Writing clean, modular HTML/CSS
- Adding dynamic interactivity with JavaScript
- Hosting a static site using GitHub Pages and Siteground
- Add backend with Node.js and MongoDB for forum and newsletter storage
- Improve accessibility and keyboard navigation
- Add user authentication for forum posting