Creative Bakery landing page

Description

Creative Bakery is a visually appealing and responsive landing page for a bakery. The design includes a cookie crumb effect, enhancing the bakery's theme. The project follows modern web development standards, ensuring a smooth and engaging user experience.

Preview

• Live Demo

Mockup

• Figma Design

Technologies

• HTML5 - Semantic and structured markup
• CSS3 & SASS - Modern styling with SCSS for better maintainability
• BEM Methodology - For scalable and reusable code
• Vanilla JavaScript - Lightweight and fast interactions

Features

• Cookie crumb visual effect
• Fully responsive design
• Smooth animations
• Optimized performance
• SEO-friendly structure

How to Run the Project Locally

Requirements

• Node.js v20.18.3
• npm v10.9.2
• Git
• A modern web browser (Chrome, Firefox, Edge, Safari)

Installation Steps

1. Clone the repository

   git clone https://github.com/ly-manka/bakery-landing.git

2. Navigate into the project folder

   cd bakery-landing

3. Install dependencies

   npm install

4. Run the project

   npm start

5. Open in Browser Once the project is running, open your browser and go to:

   http://localhost:8080/