Goal
Create a modern landing page + models list + a basic account page that looks professional while staying realistic for a 2nd‑semester CS student project.
A simple front‑end project built by a Computer Science (2nd semester) student. Clean UI, clear structure, and a lightweight “showcase” flow.
A small, showcase‑style e‑bike rental UI built with HTML/CSS/JavaScript. The focus is not “many features”, but clean structure, readable code, and a complete demo flow.
Create a modern landing page + models list + a basic account page that looks professional while staying realistic for a 2nd‑semester CS student project.
Home (this page), Models (cards), Account (login/signup), and a simple “Rent request” modal that redirects to a confirmation page.
Sign‑ups are stored only as in‑memory JSON objects. This keeps the project backend‑free: refreshing the page clears the data (expected for a demo).
Open the models page and explore card layouts and responsive design.
Try the basic form validation and an in‑memory user list (no database).
Pick a model, submit the modal form, and land on the confirmation page.
Demo note: accounts are reset on refresh because data is stored only in memory.
Numbers are illustrative (this is a demo UI).