Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 8 days ago
JSON representation

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

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)