README.md

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

Short-Demo.mp4

---

The technologies used in this project include:

• ReactJS : the project is built on the ReactJS framework.
• JSON-Server used to work with the database as a JSON file, sending API requests to retrieve, edit, create, or delete data.
• Styled-Components : the project's styling is implemented using styled-components.
• Redux-toolkit : by employing Redux-toolkit, the project achieves resilient state management, enabling seamless data flow and heightened functionality.
• React-router-dom : enabling the creation of multiple pages and configuring different page for each path.

Additional technologies used as development tools include:

• ESLINT : the project adheres to the ESLint guidelines and follows the best practices recommended by airbnb.

In addition, the project incorporates the following features:

• 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.
• 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

Short-Demo-MQ.mp4

---

Author

Afek Sakaju

• LinkedIn: @afeksa
• GitHub: @Afek-Sakaju