Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/gauravooo2/e-commerce
- Owner: GauravOOO2
- Created: 2024-04-20T11:02:40.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-05-25T06:58:59.000Z (6 months ago)
- Last Synced: 2024-11-10T20:04:47.621Z (8 days 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)