https://github.com/gauravooo2/e-commerce

Constructed an E-Commerce platform to align precisely with the design like provided in Figma.
https://github.com/gauravooo2/e-commerce

basics ecommerce html-css-javascript

Last synced: over 1 year ago
JSON representation

Constructed an E-Commerce platform to align precisely with the design like provided in Figma.

• Host: GitHub
• URL: https://github.com/gauravooo2/e-commerce
• Owner: GauravOOO2
• Created: 2024-04-20T11:02:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-25T06:58:59.000Z (about 2 years ago)
• Last Synced: 2025-01-08T07:17:11.674Z (over 1 year ago)
• Topics: basics, ecommerce, html-css-javascript
• Language: CSS
• Homepage: https://gauravooo2.github.io/E-commerce/
• Size: 1.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          

# Assessment Submission

## E-Commerce Site

Constructed an E-Commerce platform to align precisely with the design like provided in Figma.

## API Reference

 - [API for Products](https://cdn.shopify.com/s/files/1/0564/3685/0790/files/multiProduct.json)

## Clone the repository to execute it on your local machine.

```bash

  git clone https://github.com/GauravOOO2/Coding-assessment-l2.git

```

Go to the project directory

```bash

  cd Coding-assessment-l2

```

## Deployment

I have deployed the porject using GitHub Pages

[Project Link](https://gauravooo2.github.io/Coding-assessment-l2/)

## Tech Stacks Used

- HTML

- CSS

- JavaScript

## Features Used

- DOM Manipulation

- Grid 

- Async Await 

- Fetch

- Arrow Functions

## Figma Design

- [Design](https://www.figma.com/file/lXrVC18Jpw7OBzKl8BMWc9/Category-tabs) 

## Code Snippets

Fetch Data

![Fetch Data](https://gauravooo2.github.io/Gaurav_portfolio/assets/img/image.png)

DOM Manipulation

![DOM Manipulation](https://gauravooo2.github.io/Gaurav_portfolio/assets/img/Dom%20Manuplation.png)

## Screenshots

Kid's Section

![Kids Section](https://gauravooo2.github.io/Gaurav_portfolio/assets/img/Assessment1.png)

Men's Section

![Men's Section](https://gauravooo2.github.io/Gaurav_portfolio/assets/img/Assessment2.png)