Coder Social home page Coder Social logo

coffee-shop-app's Introduction

Coffee Shop

Table of Contents

About the Project

The coffee shop is an online store that provides various types of products such as coffee, juice, meatballs and others that can be ordered and serves various shipping methods that are guaranteed to be safe and halal.

Example usage

Role Admin

After logging in, it displays all data and can add products. Click on create new product, it will move to new-product page. Fill in the product information to be added, if you have clicked save product. How to delete a product again on the home page, click on the product to be deleted, then click the delete menu button, the product will be deleted.

Role User

After successfully registering, immediately move to the login page. If you have successfully logged in, you will go to the home page which displays all the product lists, if you want to order, click on one of the products. After selecting a product, you will enter the product page and choose the shipping method then click add cart. After that, move to the cart page to checkout according to the selected product. If you want to add more products, click the product menu on the navbar and select the product you want to add again. If you already want to make a payment, click the your cart menu on the navbar. Select a payment method and click confirm and pay

Built with

https://vuejs.org/

Getting started

Installation

  1. Clone the repo
git clone https://github.com/hanifkumara/coffee-shop-app.git
  1. Install Yarn packages
yarn install
  1. Add .env file at root folder project, and add following
VUE_APP_SERVICE_API= http://localhost:5000/api/v1

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Screenshots

Auth


Admin


User


Customize configuration

See Configuration Reference.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contributors

Hanif Kumara
Hanif Kumara
Ahmad Syauqi
Ahmad Syauqi
Arbi Dwi Wijaya
Arbi Dwi Wijaya
Sinta Anggun Puspita
Sinta Anggun Puspita
Muhamad Irhashdianto
Muhamad Irhashdianto

Project Related

https://github.com/hanifkumara/coffee-shop-api

Contact

My Email : [email protected]

LinkedIn : https://www.linkedin.com/in/hanifkumara/

Project Link: https://github.com/hanifkumara/coffee-shop-app

coffee-shop-app's People

Contributors

hanifkumara avatar

Stargazers

Raihan Muhammad avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.