https://github.com/afek-sakaju/gold-pharma-shop
Web app created to offer users the best pharmaceutical shopping experience. Switch between two modes: Customer Mode for browsing and shopping, and Admin Mode to manage data within the shop.
https://github.com/afek-sakaju/gold-pharma-shop
craco eslint javascript media-queries pharma pharmacy react-router-dom reactjs redux-toolkit removebg shop storybook styled-components web-application
Last synced: 2 months ago
JSON representation
Web app created to offer users the best pharmaceutical shopping experience. Switch between two modes: Customer Mode for browsing and shopping, and Admin Mode to manage data within the shop.
- Host: GitHub
- URL: https://github.com/afek-sakaju/gold-pharma-shop
- Owner: Afek-Sakaju
- Created: 2023-03-21T20:01:57.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-25T12:52:51.000Z (over 1 year ago)
- Last Synced: 2023-12-25T13:56:08.433Z (over 1 year ago)
- Topics: craco, eslint, javascript, media-queries, pharma, pharmacy, react-router-dom, reactjs, redux-toolkit, removebg, shop, storybook, styled-components, web-application
- Language: JavaScript
- Homepage:
- Size: 132 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gold Pharma Shop
### An online application created to offer users the best pharmaceutical shopping experience with an incredible UI, thanks to an intuitive interface and robust functionality.
#### You can choose between two modes when entering the app: 1. Customer Mode: shopping, browsing products, adding to your cart, and making purchases. 2. Admin Mode: manage, create, and delete product data within the shop.
## **Command lines:**
- `npm install`
Install all the necessary packages for running and developing the project.
- `npm run json-server`
To run the project's database.
- `npm run start`
For running the project.
---
### **Get a glimpse of the app in action**
https://github.com/Afek-Sakaju/gold-pharma-shop/assets/100536372/c4622093-9dbe-487c-8f3b-c988262b18f2
---
### The technologies used in this project include:
- [x] _**ReactJS**_ : the project is built on the _ReactJS_ framework.
- [x] _**JSON-Server**_ used to work with the database as a JSON file, sending API requests to retrieve, edit, create, or delete data.
- [x] _**Styled-Components**_ : the project's styling is implemented using _styled-components_.
- [x] _**Redux-toolkit**_ : by employing _Redux-toolkit_, the project achieves resilient state management, enabling seamless data flow and heightened functionality.
- [x] _**React-router-dom**_ : enabling the creation of multiple pages and configuring different page for each path.
### Additional technologies used as development tools include:
- [x] _**ESLINT**_ : the project adheres to the _ESLint_ guidelines and follows the best practices recommended by _airbnb_.
### In addition, the project incorporates the following features:
- [x] _**Responsiveness**_: the application is intentionally designed to adapt to screens of various sizes by utilizing _media queries_ within its components. This ensures that the user interface adjusts seamlessly to different screen dimensions.
- [x] _**Integration with remove.bg API**_: for background removal of uploaded products’ images to enhance the UI and overall aesthetics.
---
### **A brief illustration showcasing how the app appears on various screens**
https://github.com/Afek-Sakaju/gold-pharma-shop/assets/100536372/51226ef2-43d1-46bf-b7b9-783e50443a0d
---
## Author
:octocat: **Afek Sakaju**
- LinkedIn: [@afeksa](https://www.linkedin.com/in/afeksa/)
- GitHub: [@Afek-Sakaju](https://github.com/Afek-Sakaju)