Skip to content

GourangaDasSamrat/Daraz-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›οΈ Daraz Clone

Netlify Status Website GitHub issues GitHub pull requests GitHub last commit License: MIT


GitHub stars GitHub forks GitHub watchers

Daraz Clone

🌟 Introduction

A pixel-perfect clone of Bangladesh's largest online shopping platform Daraz
built with modern web technologies and best practices

View Demo Β· Report Bug Β· Request Feature

πŸ“Έ Preview

Daraz Clone Preview

✨ Key Features

  • 🏠 Pixel-perfect clone of Daraz's homepage
  • πŸ”Ž Interactive product details pages
  • 🎨 Authentic UI/UX replication
  • πŸ“± Fully responsive design
  • πŸš€ Optimized performance
  • 🎯 SEO-friendly structure

πŸ› οΈ Tech Stack

🎨 Frontend Development

HTML5 CSS3 JavaScript

πŸ“š Framework & Libraries

Bootstrap jQuery Slick Carousel

🎯 UI Components & Icons

Unicons Font Awesome

βš™οΈ Development Tools

VS Code Git GitHub

πŸš€ Deployment & Hosting

Netlify

|

πŸ“Š Performance & Quality Metrics

πŸš€ Lighthouse Scores

Performance Accessibility
Best Practices SEO

πŸ“± PageSpeed Insights

Metric Mobile Desktop
Performance Mobile Performance Desktop Performance
Accessibility Mobile Accessibility Desktop Accessibility
Best Practices Mobile Best Practices Desktop Best Practices
SEO Mobile SEO Desktop SEO

πŸŽ₯ Demo

[Demo video coming soon...]

πŸ“ Project Structure

Daraz-Clone/
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   β”‚   β”œβ”€β”€ bootstrap.min.css
β”‚   β”‚   β”œβ”€β”€ responsive.css
β”‚   β”‚   β”œβ”€β”€ slick.css
β”‚   β”‚   β”œβ”€β”€ style.css
β”‚   β”‚   └── unicons.css
β”‚   β”œβ”€β”€ img/
β”‚   β”‚   β”œβ”€β”€ banners/
β”‚   β”‚   β”œβ”€β”€ products/
β”‚   β”‚   └── icons/
β”‚   └── js/
β”‚       β”œβ”€β”€ app.js
β”‚       β”œβ”€β”€ bootstrap.bundle.min.js
β”‚       β”œβ”€β”€ jquery-3.4.1.min.js
β”‚       └── slick.min.js
β”œβ”€β”€ index.html
β”œβ”€β”€ LICENSE
└── README.md

πŸš€ Getting Started

Prerequisites Development Setup
  • βœ… Modern Web Browser
  • βœ… Git (optional)
  • βœ… Text Editor (VS Code recommended)
  1. Clone the repository:
    git clone https://github.com/GourangaDasSamrat/Daraz-Clone.git
  2. Navigate to project:
    cd Daraz-Clone
  3. Open index.html in browser or use Live Server

πŸ”„ Quick Start

# Get the latest code
git clone https://github.com/GourangaDasSamrat/Daraz-Clone.git

# Change into the project
cd Daraz-Clone

# If you have VS Code and Live Server extension
code . && live-server

# Or simply open in your browser
open index.html  # On macOS
xdg-open index.html  # On Linux
start index.html  # On Windows

⚠️ Disclaimer

This project is a personal learning endeavor and is not intended for commercial use. I am deeply thankful to Daraz for the inspiration and design patterns that have guided the development of this clone. πŸ™

🀝 Contributing

Contributions are welcome! Feel free to:

  • πŸ› Report bugs
  • πŸ’‘ Suggest features
  • πŸ”€ Submit pull requests

πŸ“„ License

This project is licensed under the MIT License.

πŸ‘€ Author & Contact

Gouranga Das Samrat

Gouranga Das Samrat
Frontend Developer | JavaScript & React Expert | Open Source Enthusiast

Facebook X Bluesky LinkedIn YouTube CodePen LeetCode HackerRank Medium Dev.to Blogger Discord Email

Let's connect! I'm always open to collaboration, frontend projects, or just a friendly chat about JavaScript and React.

❀️ Support

If you find this project helpful, please consider:

  • ⭐ Starring the repository
  • πŸ”„ Sharing it with others
  • πŸ› Contributing to improvements

πŸ’¬ Feedback

Your feedback is valuable! Feel free to:

  • πŸ“ Open an issue
  • πŸ’‘ Suggest improvements
  • 🀝 Connect with me on social media

Made with ❀️ by Gouranga Das Samrat