Olivier-Kango/pss-digital-frontend

**PSS Digital** is a proven digital solution that makes online shopping easy, convenient, and enjoyable for customers. The application also helps other businesses maximize their customer base through e-commerce. With PSS Digital, we help you achieve success while also supporting you in efficient business management.

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • Preview
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 PSS-DIGITAL

PSS-Digital is a proven digital solution that makes online shopping easy, convenient, and enjoyable for customers. The application also helps other businesses maximize their customer base through e-commerce. With PSS Digital, we help you achieve success while also supporting you in efficient business management.

🛠 Built With

Tech Stack

Client

• React.js
• Tailwind CSS
• SCSS

Server

• Ruby on Rails

Database

• PostgreSQL

Key Features

• Fetch all orders from API endpoint
• Fetch all products from API endpoint
• Authenticate users
• Add product
• Delete product
• Place orders

Preview

🚀 Live Demo

• Live Demo Link

Backend

• Backend repository

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Install Git.
• Install a code editor of your choice.
• Knowledge of javascript,react and Ruby on Rails.
• Github account is required.
• Install nodejs.

Setup

Clone this repository to your desired folder:

  git clone https://github.com/Olivier-Kango/pss-digital-frontend.git

Install

Install this project with:

  cd pss-digital-frontend # Change directory into project folder
  npm install # Installs project dependencies

Usage

To run the project, execute the following command:

  npm start # for running the project in development mode

  npx stylelint "**/*.{css,scss}" --fix # Stylelint errors auto correct
  npx eslint "**/*.{js,jsx}" --fix # Eslint errors auto correct

Run tests

To run tests, run the following command:

  npm test  # for running the tests

(back to top)

👥 Authors

👤 Dave Zagabe

👤 Kasaija Kenneth

👤 Kaweesi Matia

👤 Olivier Kango

👤 Elijah Odjegba

🔭 Future Features

• Improvements on UI design
• Mobile version
• new_features

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

Write a message to encourage readers to support your project

If you like this project...

(back to top)

🙏 Acknowledgments

I would like to acknowledge:

• Microverse for the opportunity to work on this project
• The creative common for the design
• Design from Murat Korkmaz on Behance

❓ FAQ

• How I can run this project?

  • After cloning repository, run npm install to install all dependencies. Then run npm start to run the project.

• How I can run tests?

  • After cloning repository, run npm install to install all dependencies. Then run npm test to run the tests.

📝 License

This project is MIT licensed.

(back to top)