https://github.com/praisespjmt/sneakers-store
Sneakers store is an eCommerce store that allow users to view a collection of sneakers, select interested shoes into a cart for purchase. The store is built with React.js, HTML5, and CSS3.
https://github.com/praisespjmt/sneakers-store
css3 html5 javascript react
Last synced: 3 months ago
JSON representation
Sneakers store is an eCommerce store that allow users to view a collection of sneakers, select interested shoes into a cart for purchase. The store is built with React.js, HTML5, and CSS3.
- Host: GitHub
- URL: https://github.com/praisespjmt/sneakers-store
- Owner: PraisesPJMT
- License: mit
- Created: 2022-12-03T17:49:28.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2022-12-03T19:08:26.000Z (over 3 years ago)
- Last Synced: 2025-10-23T08:47:36.649Z (8 months ago)
- Topics: css3, html5, javascript, react
- Language: JavaScript
- Homepage:
- Size: 340 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sneakers Store
> Sneakers store is an eCommerce store that allow users to view a collection of sneakers, select interested shoes into a cart for purchase. The store is built with React.js, HTML5, and CSS3. This is a solution to the [E-commerce product page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6).
## Table of contents
- [Sneakers Store](#sneakers-store)
- [Table of contents](#table-of-contents)
- [📖 Overview](#-overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [💻 My process](#-my-process)
- [Built with](#built-with)
- [Prerequisites](#prerequisites)
- [App Setup](#app-setup)
- [What I learned](#what-i-learned)
- [Useful resources](#useful-resources)
- [👥 Author](#-author)
- [🤝 Contributing](#-contributing)
- [⭐️ Show your support](#️-show-your-support)
- [🙏 Acknowledgments](#-acknowledgments)
- [📝 License](#-license)
## 📖 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
Comming soon...
### Links
- Solution URL: Comming soon...
- Live Site URL: Comming soon...
## 💻 My process
### Built with
 
 
 
 
### Prerequisites
The following applications are required to be installed for the project to run!
- Modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.
- [Node.js](https://nodejs.org/en/download/) LTS version
- [Git](https://git-scm.com/downloads)
### App Setup
- Clone [this](git@github.com:PraisesPJMT/Sneakers-Store.git) GitHub repository using `git clone git@github.com:PraisesPJMT/Sneakers-Store.git`
- Download all required modules using `npm install` inside the project directory (/Sneakers-Store)
- Launch project on browser using `npm start` inside the project directory (/Sneakers-Store)
- This should launch the app on the browser
- If the app is not opened immediately, then open [http://localhost:3000](http://localhost:3000) to view it in your browser.
### What I learned
> These are some aspects of the project challenge I am most proud of:
```html
Some HTML code I'm proud of
```
```css
.proud-of-this-css {
color: papayawhip;
}
```
```js
const proudOfThisFunc = () => {
console.log('🎉')
}
```
### Useful resources
Comming soon...
## 👥 Author
👤 **Praises Tula**
[](https://github.com/PraisesPJMT/)
[](https://www.linkedin.com/in/praises-tula/)
[](https://twitter.com/PraisesPJMT/)
[](mailto:praisesmusa@gmail.com)
[](https://angel.co/u/praises-tula/)
## 🤝 Contributing
Contributions, [issues](../../issues/), and feature requests are welcome!
## ⭐️ Show your support
Give a ⭐️ if you like this project!
## 🙏 Acknowledgments
- Frontend Mentor for this amazing project challenge
- Hat tip to you for checking out this amazing project.
## 📝 License
This project is [MIT](./LICENSE) licensed.