🖥️ TechByte - Computer Store Front-End

Academic project developed for the Web Development course at PUCPR.

This repository hosts the front-end interface for TechByte, a fictional e-commerce store specialized in High-End Gaming PCs. The project focuses on building a responsive, interactive user experience using pure web technologies without external frameworks.

🚀 Live Demo

Access the live website here: https://apollo-stack.github.io/TechByte-Store-Frontend/

🎨 Features

• Responsive Design: Adaptive layout for Desktops, Tablets, and Mobile devices using CSS Media Queries.
• Interactive UI:
  • Product Modals: Dynamic pop-up windows displaying detailed specs for each computer.
  • Hover Effects: Smooth transitions on buttons and navigation menus.
• Form Handling:
  • Validation: Client-side validation ensuring required fields (Name, Email) are filled before submission.
  • Data Processing: A dedicated action page that captures URL parameters to simulate a form submission receipt.

🛠️ Tech Stack

• HTML5: Semantic structure (Nav, Main, Footer).
• CSS3: Flexbox for layout and custom styling variables.
• JavaScript (Vanilla): DOM manipulation, Event Listeners, and URLSearchParams API.

📂 Project Structure

• index.html: Main landing page with product catalog.
• form.html & formAction.html: Contact form workflow.
• about.html: Company storytelling page.
• css/: Stylesheets.
• js/: Logic scripts for validation and interactivity.

---

Developed by Matheus Ramon - 2025