Dukaan UI Clone

This repository contains the code for Dukaan UI clone using ReactJS. It was an assignment given at @Dukaan for Frontend Intern role.

Problem Statement

The task is to create a Dukaan's home page clone. I was given a figma link, and was told to clone it pixel perfect.

Folder Structure

The folder structure of this repository is as follows:

Screenshot 2023-11-26 at 8 56 25 PM
  • The src/components directory contains the React components used in the application.
  • The src/App.js file is the main entry point of the application.
  • The src/index.js file is responsible for rendering the root component (App) into the DOM.

Output of the code

Image 1:

Screenshot 2023-11-26 at 8 51 29 PM

Image 2:

Screenshot 2023-11-26 at 8 52 10 PM

Image 3:

Screenshot 2023-11-26 at 8 52 19 PM

Image 4:

Screenshot 2023-11-26 at 8 52 27 PM

Running the Application

To run the application locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
  3. Install the dependencies by running the command: npm install.
  4. Start the development server by running the command: npm start.
  5. Open your browser and visit http://localhost:3000 to see the webpage.

Feel free to explore the code, modify it according to your needs, and provide any feedback or suggestions.

Happy coding!