Skip to content

Commit 609e7e9

Browse files
authored
Initialize README with project information
Added project details, features, tech stack, and structure.
1 parent 936f192 commit 609e7e9

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

README.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
# 🖥️ TechByte - Computer Store Front-End
2+
3+
**Academic project developed for the Web Development course at PUCPR.**
4+
5+
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.
6+
7+
## 🚀 Live Demo
8+
Access the live website here:
9+
https://apollo-stack.github.io/TechByte-Store-Frontend/
10+
11+
## 🎨 Features
12+
- **Responsive Design:** Adaptive layout for Desktops, Tablets, and Mobile devices using CSS Media Queries.
13+
- **Interactive UI:**
14+
- **Product Modals:** Dynamic pop-up windows displaying detailed specs for each computer.
15+
- **Hover Effects:** Smooth transitions on buttons and navigation menus.
16+
- **Form Handling:**
17+
- **Validation:** Client-side validation ensuring required fields (Name, Email) are filled before submission.
18+
- **Data Processing:** A dedicated action page that captures URL parameters to simulate a form submission receipt.
19+
20+
## 🛠️ Tech Stack
21+
- **HTML5:** Semantic structure (Nav, Main, Footer).
22+
- **CSS3:** Flexbox for layout and custom styling variables.
23+
- **JavaScript (Vanilla):** DOM manipulation, Event Listeners, and URLSearchParams API.
24+
25+
## 📂 Project Structure
26+
- `index.html`: Main landing page with product catalog.
27+
- `form.html` & `formAction.html`: Contact form workflow.
28+
- `about.html`: Company storytelling page.
29+
- `css/`: Stylesheets.
30+
- `js/`: Logic scripts for validation and interactivity.
31+
32+
---
33+
*Developed by Matheus Ramon - 2025*

0 commit comments

Comments
 (0)