https://github.com/skyv26/sneakers

Introducing the newest addition to your wardrobe: the ultimate sneaker. Sleek and stylish, this shoe is perfect for everyday wear. Crafted with quality materials, this shoe boasts a unique combination of comfort and durability.
https://github.com/skyv26/sneakers

css react reactjs

Last synced: 3 months ago
JSON representation

Introducing the newest addition to your wardrobe: the ultimate sneaker. Sleek and stylish, this shoe is perfect for everyday wear. Crafted with quality materials, this shoe boasts a unique combination of comfort and durability.

• Host: GitHub
• URL: https://github.com/skyv26/sneakers
• Owner: skyv26
• Created: 2021-11-24T07:47:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T17:33:47.000Z (about 2 years ago)
• Last Synced: 2025-01-10T22:23:48.524Z (4 months ago)
• Topics: css, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 832 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - E-commerce product page solution

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [What I learned](#what-i-learned)

  - [Continued development](#continued-development)

**Note: Delete this note and update the table of contents based on what sections you keep.**

## Overview

### The challenge

Users should be able to:

- View the optimal layout for the site depending on their device's screen size

- See hover states for all interactive elements on the page

- Open a lightbox gallery by clicking on the large product image

- Switch the large product image by clicking on the small thumbnail images

- Add items to the cart

- View the cart and remove items from it

### Screenshot

![](./src/images/design.png)

### Links

- Solution URL: [GitHub](https://github.com/skyv26/sneakers)

- Live Site URL: [Netlify](https://sneekers.netlify.app/)

## My process

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- CSS Grid

- Mobile-first workflow

- [React](https://reactjs.org/) - JS library

- [Styled Components](https://styled-components.com/) - For styles

**Note: These are just examples. Delete this note and replace the list above with your own choices**

### What I learned

I learnt React Hooks with great learning experience while making this project and also I did work a lot on CSS too..

### Continued development

ReactJS, Redux, Backend Development using Python Django

## Author

- Website - [Aakash Verma](https://www.your-site.com)

- Frontend Mentor - [@skyv26](https://www.frontendmentor.io/profile/skyv26)

- Github - [Aakash Verma](https://www.github.com/skyv26)