MyBike Landing Page

Welcome to the MyBike Store landing page project! This is a static webpage showcasing a bicycle store with a modern design and responsive layout.

Project Overview

This project represents the landing page for MyBike Store, designed to highlight products and services in an elegant, user-friendly way.

Technologies Used

• HTML
• CSS
• SASS (SCSS)
• BEM (Block Element Modifier) methodology for CSS class naming
• Parcel (as the project bundler)
• Stylelint (for CSS/SCSS linting)
• htmllint (for HTML linting)
• ESLint (for JavaScript linting)

Preview

You can view a live preview of the landing page here.

Design Mockup

The design mockup for this project can be found on Figma here.

Installation and Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/YourUsername/MyBike-Landing.git

2. Navigate to the project directory:

   cd MyBike-Landing

3. Install the project dependencies:

   npm install

4. Install recommended VSCode extensions for linting:

   • Stylelint
   • LintHTML
   • ESLint

5. Run linting checks:

   npm run lint

6. Start the local development server:

   npm run start

7. Deploy the project to GitHub Pages:

   npm run deploy