Bandsite Web
Web platform for indie bands
This is a full-stack website that combines HTML5, CSS3 and JavaScript on the Front-End. It uses Axios (via CDN) to handle HTTP requests and interacts with a locally hosted Express API to manage features like the comments section.
Skills Used
- CSS3 ・
- JavaScript ・
- Axios ・
The back-end API handles GET and POST requests for user-submitted data, enabling dynamic rendering of comments and other interactive elements without relying on a front-end framework.
The front-end structure follows semantic and accessible HTML markup, styled with BEM-named CSS classes compiled into a single stylesheet. The back-end API likely handles GET and POST requests for user-submitted data, enabling dynamic rendering of comments and other interactive elements without relying on a front-end framework.
This page is structured with clear, semantic sections that improve readability and maintainability. The shows list is designed as a flexible, responsive layout using CSS Flexbox, allowing each row of show details to adapt smoothly across screen sizes.
Instead of relying on a traditional fixed table, the content behaves like a table visually but is more mobile-friendly. Flexbox distributes space evenly, aligns text and buttons neatly, and enables stacking or wrapping of elements for smaller viewports, making the layout more versatile and accessible.
Browse Other Projects
Vansippy
Happy Hour Finder Web App
Helping deal-seekers around Vancouver find Happy Hours at restaurants and bars close to them.
Go to Project
Instock Web App
Inventory Management System
A modern and scalable Inventory Management System for a client. Developed as a collaborative group project.
Go to Project
Transportes Moran
Aggregate Solutions Co.
Website built with React and styled using SCSS for modular and maintainable styling.
Go to Project
BrainFlix
Youtube clone web app
Webapp that built with React, using functional components and hooks for state and lifecycle management.
Go to Project