Project: Sound Wave – Landing Page
This Sound Wave project demonstrates my Frontend Development skills, specifically leveraging React.js to build a dynamic and interactive landing page. The goal was to create a compelling digital marketing platform to attract new subscribers for a music streaming service, meticulously adhering to a provided UX design mockup.
Visit the site: https://sound-wave-fawn.vercel.app/
Github Repository: https://github.com/catmaluci/SoundWave
Key Frontend Skills Highlighted:
- React.js Proficiency: I built a Single Page Application (SPA) using React.js and react-router-dom, showcasing my ability to create modular components and manage complex application states for fluid navigation between sections. The project setup with Vite further demonstrates experience with modern React development tools.
- Design Fidelity & Responsive Design: The project prioritized pixel-perfect implementation of a UX designer’s mockup, proving my eye for detail and commitment to design fidelity. I ensured a seamless and fully responsive experience across mobile, tablet, and desktop devices, highlighting my mastery of HTML, CSS, and media queries.
- Advanced Styling Techniques: The exploration and planned integration of modern styling solutions like CSS Modules, Styled Components, Bootstrap, Tailwind CSS, or MUI demonstrates adaptability and awareness of current best practices in frontend styling.
- Robust Development Practices: I employed Git & GitHub for version control with a clear GitFlow workflow and integrated Trello for meticulous project management and commit tracking. This highlights a strong understanding of collaborative development methodologies and clear documentation.
Tags: React.js, JavaScript, HTML5, CSS3, Vite, React Router DOM, SPA (Single Page Application), CSS Modules, Styled Components, Git, GitHub, Visual Studio Code