Introduction

This project is a clone of the homepage of Dmart, a popular retail store. This project aims to recreate the visual layout and design of the original website's homepage.

Project Type

Frontend

Deployed App

D-mart app: https://dmart-new.netlify.app/ Figma design: https://figma-best.netlify.app/

Team Members:-

1- Ritwik Dutta (ft30_254)

2- Aditya Singh (ft31_013)

3- Baba Khalil (ft30_400)

4- Shivani Patil (ft30_289)

5- Anurag Yadav

This repo has two projects.

1-Bootstrap project

Objectives:-

Create a look-a-like landing page from https://www.dmart.in/

Use a bootstrap framework to achieve the design.

Implement appropriate animations and effects.

2- Figma project

Objectives:-

Create a pixel-perfect design from a Figma template.

Implement styling using CSS pre-processor(SASS).

Directory Structure

Features

List out the key features of your application.

• Sticky Navbar: while scrolling the navbar sticks at the top of the view height.
• Ham-burger icon
• Pixel-perfect design

design decisions or assumptions

List your design decisions & assumptions

Installation & Getting started

bootstrap :

1. Go to Terminal
   Enter the commands :
   cd path/to/your/project
   npm init -y
   npm install bootstrap
   
   OR
   
   Copy and paste the link in the head of the HTML code:

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

2. Clone the repo in your terminal, and run the command :

git clone git@github.com:ritwikdutta2k/CW-Project-1.git

APIs Used

-Bootstrap

Technology Stack

List and provide a brief overview of the technologies used in the project.

• HTML
• CSS
• SCSS
• Bootstrap

Important

1- Our main branch is 'main'. But you have to push the code to your branch. So Push code accordingly.

2- Notion doc for all references https://masai-school.notion.site/MSI-CW-Block-33-064ef60239a34a76ad8ca8ba4ed58eba

3- Use Kanban to update issues and to-do lists.

4- Check tasks after completing the task.

Most importantly

In case of fire

1- git add.

2. git commit -m "your message"

3. git push origin main