NPACK - Example App

Open Source. Front-end.

Demo · Related Projects · Request Feature

Table of Contents

• Overview
  • Features
• Tech Stack
• Getting Started
  • Prerequisites
  • Installation
• Screenshots
• Resources
• Related Projects
• License
• Report Bug

Overview

jokopi is a complete open-source app coffee shop ordering.

This is an example application that shows how jokopi is applied to a react app.

Build using create react app.

You can build it by yourself

Features

• Login, Register, Forgot Password, Logout
• Profile
• History Order
• Products (Search, Sort, Filter)
• Cart
• Transactions
• Admin Dashboard
• Manage Order (Admin)
• etc.

Tech Stack

• React & React Router DOM
• Redux & Redux Persist (Local Storage)
• TailwindCSS & DaisyUI
• React Hot Toast
• Vercel for deploying demo
• etc.

Getting Started

Prerequisites

You need to install some software to run this project

• Node.js (LTS version recommended, 14 or newer)

Installation

1. Clone this repository to your local

   git clone https://github.com/nyannss/jokopi-react.git

2. Change current directory

   cd jokopi-react

3. Install dependencies

   If you using npm

   npm install

   If you using yarn

   yarn

4. Setup environment

   REACT_APP_BACKEND_HOST = (your rest api host)
   REACT_APP_WEBSITE_NAME = (your project name)

5. Running app

   npm start

Screenshots

Resources

Special thanks for providing resources such as icons and images.

• Flaticon
• unDraw
• SVGRepo
• and other sources.

If there are resources that belong to you, please let me know, I will write it here.

Related Projects

• jokopi-express - Rest API
• jokopi-react-native - Android & iOS Application

License

This project is licensed under the ISC License. See the LICENSE file for details.

Report Bug

Any error report you can pull request or contact: nyannss@proton.me