Context & Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. The Car Shop Web Application was
the semester 1 deliverable for the SKIL2 course (Applied Project Skills 1). The assignment
challenged student teams to design and build a complete multi-page website for a fictional
business, integrating all the skills learned across the first semester: web development,
databases, and basic server-side scripting.
Our team chose a car dealership as the business concept. The goal was to create a platform
where visitors can browse available vehicles, filter by price and category, and submit booking
requests — while administrators can log in to manage the inventory through an admin panel.
🏠
Screenshot — Home Page (add your screenshot here)
What Was Built
Over the course of the semester, our group of 3 students produced a fully functional
multi-page website consisting of:
- A landing page with hero section, featured vehicles and a testimonials carousel
- An inventory/catalogue page with dynamic filtering by brand, price range and fuel type
- Individual vehicle detail pages generated dynamically from a MySQL database
- A contact and booking form with server-side validation via PHP
- An admin login system (session-based) with a dashboard to add, edit and delete vehicles
- A responsive mobile layout ensuring the site works on all screen sizes
🚗
Screenshot — Vehicle Inventory Page (add your screenshot here)
My Contribution
Within the 3-person team, I was in charge of the front-end design and the
inventory page. My specific contributions were:
- Creating the overall visual design — typography, colour palette, layout system and component library
- Coding the responsive CSS grid-based layout used across all pages
- Building the inventory page — the filter sidebar (JavaScript) and the card grid (HTML/CSS)
- Connecting the inventory page to the PHP back-end to render vehicle data from the database
- Ensuring accessibility and cross-browser compatibility throughout the project
📱
Screenshot — Admin Dashboard (add your screenshot here)
What I Learned
This was my first large group project in higher education, and it taught me far more than
just technical skills. Managing a shared codebase, meeting deadlines and dividing work
fairly across three people was a valuable real-world experience.
- Building a full multi-page website with a consistent design system from scratch
- PHP server-side scripting — forms, sessions, database queries
- MySQL database design and integration with a web application
- Version control with Git — branches, merging and resolving conflicts
- Communication, task planning and meeting project deadlines as a team