Skip to content

4xmplme/MyBiKE

Repository files navigation

🚲 MyBiKE – Bicycle Landing Page

A responsive and modern landing page for a fictional bicycle brand. Showcases products, features, and benefits of choosing MyBiKE as your go-to ride.

🚀 Live Preview

🎨 Design Reference

🧰 Technologies Used

Core

  • HTML5
  • SCSS
  • JavaScript (ES6+)

UX/UI

  • AOS (v2.3.1) — For animations on scroll

Development & Deployment

  • LintHTML (v0.9.6) – Markup quality
  • Stylelint (v16.7.0) – Styles quality
  • ESLint (v8.57.0) – Code quality
  • Parcel (v2.12.0) – Build tool & bundler

🛠 Getting Started

  1. Clone the repository:

Note! Git is required.

git clone https://github.com/4xmplme/MyBiKE.git
cd MyBiKE
  1. Install dependencies:

Important‼ Node.js v14.21.3 or higher is required.

npm install
# or
yarn install
  1. Run the project locally:
npm start
# or
yarn start

✨ Features

  • Clean HTML markup with accessibility considerations
  • Responsive design for mobile, tablet, and desktop
  • Structured SCSS with clear file organization
  • Eye-catching hero section with modern layout
  • Product highlights and feature blocks
  • Smooth scroll behavior
  • Sticky header and intuitive navigation
  • Ready for deployment via GitHub Pages

About

Bicycle Landing Page

Resources

License

Stars

Watchers

Forks

Contributors