https://github.com/krisbobo/shop-app
The shop app allows a user to shop for items. One page has the list of items which can be filtered based on its category and a page which holds specific details for chosen items. Built with React!
https://github.com/krisbobo/shop-app
javascript javascript-applications javascript-framework javascript-library react
Last synced: 9 months ago
JSON representation
The shop app allows a user to shop for items. One page has the list of items which can be filtered based on its category and a page which holds specific details for chosen items. Built with React!
- Host: GitHub
- URL: https://github.com/krisbobo/shop-app
- Owner: krisbobo
- License: mit
- Created: 2023-01-17T22:31:44.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-28T22:43:56.000Z (about 3 years ago)
- Last Synced: 2025-04-23T22:35:53.764Z (11 months ago)
- Topics: javascript, javascript-applications, javascript-framework, javascript-library, react
- Language: JavaScript
- Homepage: https://shop-app-beryl.vercel.app
- Size: 584 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 \[Shop App\] ](#-shop-app-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo and other links ](#-live-demo-and-other-links-)
- [💻 Getting Started ](#-getting-started-)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
> The shop app is a mobile web app that allows a user to shop for items online. The API selected allows for users to select specific categories to enable them shop items faster. The web page has several pages and it follows responsive design. The pages are as follows:
- One page has the list of items which can be filtered based on its category
- Another page holds specific details for items chosen.
The major tools and languages used are:
- REACT
- JavaScript
> The following tech stack were used
REACT
> The web app has the following key features:
- **[Allows you to filter categories]**
- **[Display selected item on another page]**
## 🚀 Live Demo and other links
> Here is a live demo link
- [Shop app](https://shop-app-beryl.vercel.app/)
- [Video Link](https://www.loom.com/share/c77bb7979cba492b998364be756620f4)
> In order to run this project you need:
- Node js installed on your computer
- Npm Node package manager
- Terminal
### Setup
Clone this repository to your desired folder:
> git@github.com:krisbobo/shop-app.git
### Install
Install this project with:
```sh
cd my-project
npm install or npm i
```
-
### Usage
To run the project, execute the following command:
```sh
npm run build
```
### Run tests
To run tests, run the following command:
```sh
npm test or jest test
```
👤 **Christian Kiyong**
- GitHub: [krisbobo](https://github.com/krisbobo)
- Twitter: [ChrisboboSys](https://twitter.com/ChrisboboSys)
- LinkedIn: [kiyong-christian](https://linkedin.com/in/christian-kiyong)
> The following two features will be added to this project;
- [ ] **[Additional pages such as about me etc]**
- [ ] **[UX improvements]**
Contributions, issues, and feature requests are welcome.
Feel free to check the [issues page](../../issues/).
If you like this project, don't forget give a ⭐️ or buy me a coffee ☕️
- Microverse student community.
- Nelson Sakwa on Behance
- Anyone whose code was used
This project is [MIT](./LICENSE) licensed.