Skip to content

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.

Notifications You must be signed in to change notification settings

Afek-Sakaju/gold-pharma-shop

Repository files navigation

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

:octocat: Afek Sakaju

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published