Sebastian Regules
Aspiring full-stack developer passionate about creating functional and engaging digital experiences, with expertise in HTML, CSS, JavaScript, React, and the BEM methodology.
My Web Dev Projects
Below you will find a selection of projects I have worked on, organized by learning platform, institution, job, or personal initiative. Click on each project source to expand its section and explore the projects within. You can also visit the live sites by clicking the 'Live Site' button.
Codecademy
Projects completed as part of the Full-Stack Engineer Career Path.
Mixed Messages | Random Workout Generator
A JavaScript program that generates randomized workout suggestions by combining pace, exercise, and recommendation — built as part of Codecademy’s Full-Stack Engineer Path.
Frontend Mentor
Challenges completed for Frontend Mentor
Modular Blog Card UI — Built with BEM and Responsive Semantic HTML
A responsive and reusable blog card component built with semantic HTML and CSS using the BEM methodology. Designed to be easily integrated into any blog layout while maintaining accessibility, clean structure, and mobile-first responsiveness.
Reusable Social Links Component
A clean, responsive, and reusable component built with HTML and CSS to showcase social media profile links. Designed to be easily integrated into any website or blog, this component emphasizes semantic markup, accessibility, and modularity for future customization.
Recipe Page Design
A visually appealing and responsive recipe page built with semantic HTML and CSS. This project focuses on layout structure, typography, and accessibility while showcasing a clean UI for presenting ingredients and cooking instructions. Ideal for integrating into food blogs or culinary web apps.
FAQ Accordion Component
A responsive and accessible FAQ accordion built using semantic HTML, modular JavaScript, and BEM-based CSS. Users can toggle answers with both mouse and keyboard. The project emphasizes structure, interactivity, and accessibility.
Personal & Freelance
A curated selection of independent and freelance projects I've created outside of structured learning platforms. These works reflect real-world use cases, self-initiated solutions, and client-focused development.
Massiv Media Website
A scalable landing page built for my own filmmaking company. Currently a social media hub, it's designed for future growth into a full portfolio platform with admin uploads, user auth, and CMS functionality.