It’s a highly productive and functional landing page crafted to help bakeries showcase a selection of cakes, cookies, and croissants. The front-end project was created using effective technologies and practices in front-end development.
- HTML5
- CSS3 (SCSS)
- BEM methodology
- Responsive Design: The landing page is optimized for use across all devices, from smartphones to large screens. This ensures that customers can easily explore the products anytime, regardless of the device they use to access the site.
- UI: The interface of the landing page is designed with a focus on visual appeal and minimalism. The modern design emphasizes the uniqueness and quality of the bakery products.
- BEM Methodology: The use of the BEM (Block Element Modifier) methodology helps organize CSS code, making it more structured and understandable. This approach makes the code more modular, simplifying maintenance and updates.
- SCSS: SCSS is used to organize CSS code more efficiently. The ability to use mixins helps avoid code duplication and enhances readability.
- Social Media Integration: The landing page integrates with social networks, expanding audience reach and facilitating the sharing of products information on social platforms.
Fork original repository on GitHub
Clone the forked repository:
git clone https://github.com/hsvirina/bakerlab-landing.git
Navigate to the project directory:
cd bakerlab-landing
Install the necessary project dependencies:
npm install
Start the project:
npm start