Code Monkey home page Code Monkey logo

ohl-monolith's Introduction

Description

This is a monolith web-app for OHL LABPRO 2023. This service fepends on this backend service app.

Author

13521044 Rachel Gabriela Chen

Installation

$ composer install

Running the app

Run the API service

local

  • Copy .env.local.example into .env and fill with your local env variables. The API_URL variable is the URL where the backend service is running.
# development
$ npm run dev #to pack the frontend assets
$ php artisan migrate
$ php artisan serve

with docker

  • Has to be run via wsl/linux
  • Copy .env.sail.example into .env. Modify only the API_URL. If running via wsl, the host should be windows' IP.
$ npm run dev #to pack the frontend assets
$ ./vendor/bin/sail up -d
$ ./vendor/bin/sail artisan migrate

Register

image

Login

image

Dashboard

image

Buy Item

image

Purchase History

image

Design Patterns

Model-View-Controller (MVC) pattern:

The MVC pattern is the core architectural design pattern in Laravel. It helps in separating the application logic into tModel, View, Controller

Tech Stack

  • Laravel Framework 10.15.0
  • Bootstrap
  • JQuery
  • TailwindCSS
  • mysql

Endpoints

ENDPOINT METHOD
/auth/login POST
/auth/register POST
/auth/logout POST
/auth/refresh POST
/buy-item POST
/invoices GET
/ GET
/login GET
/register GET
/item/:id GET
/purchase-history GET

Bonus

B06 - Responsive Layout

ohl-monolith's People

Contributors

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