4kampus Frontend Development

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Clean code, real events, zero frameworks wasted — 4kampus is a campus event hub built the right way, with Bootstrap 4 and pure frontend craft."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/0X7wYcC3_work_image.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Frontend Development — 4kampus"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Web Development · Campus Event Hub · HTML, CSS, JavaScript & Bootstrap 4"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A focused frontend development project for 4kampus — a campus event discovery and management platform designed to connect students with everything happening on and around their campus. Built with clean, handcrafted code using Bootstrap 4, HTML, CSS, and JavaScript, the project demonstrates strong command of responsive frontend architecture without relying on heavy JavaScript frameworks."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The desktop UI reveals a well-structured event platform homepage — a vibrant hero section featuring crowd photography that instantly communicates the energy of campus life, followed by a \"Popular Events\" section in a clean card-grid layout. The interface is light, approachable, and purposefully optimized for a young, mobile-first student audience."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The dual-screen mockup — live UI on the desktop monitor alongside raw HTML code in the editor — communicates the full picture of the development process: a polished front-end experience handwritten from the ground up. The Bootstrap 4 badge grounds the project's technical identity, signaling a developer who understands the value of building on reliable, responsive foundations."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The terracotta \"4\" corner badge is a sharp design touch — adding brand personality to the technical presentation and making the project thumbnail instantly distinctive in a portfolio grid."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, purposeful frontend build that proves great campus experiences start with great code."}]}]}