Creative Bakery is a responsive landing page for Bakerlab, a modern bakery brand. The page presents the bakery's products, story, achievements, and contact details in a clean, editorial layout inspired by the Bakerlab design.
- Responsive layout for desktop, tablet, and mobile screens
- Product showcase with category cards and hover interactions
- About Us, achievements, and contact sections
- Mobile navigation menu
- Persistent light and pink theme toggle using
localStorage - Semantic HTML with BEM-based class naming
- Smooth anchor navigation between page sections
- HTML5
- SCSS with Sass
- Vanilla JavaScript (ES modules)
- Vite
- Stylelint and Prettier
- Clone the repository and open its directory.
git clone https://github.com/HokkaidoDev/Creative-Bakery.git- Install the dependencies:
npm install- Start the development server:
npm start- Open the local URL shown in the terminal.
npm run build # Create a production build
npm run lint # Format and lint the source files
npm run deploy # Deploy the build to GitHub PagesAuthor: HokkaidoDev