Code Monkey home page Code Monkey logo

monolith's Introduction

F02 & F03 - Monolith (FE & BE)

monolith.mp4

Documentation

You can read all technical and API documentation from here Documentation

Brief Description

This app includes the frontend and backend for the User/Customer Page.

Specification

F02

  1. Register Page
  2. Login Page
  3. Catalog Page and Detail Barang Page
  4. Buy Barang Page (Cart Page)
  5. Order History Page

F03

  1. Register
  2. Login
  3. Buy Barang (Cart)
  4. Order History

Tech Stack

  • Laravel
  • PHP
  • Vite for preprocessing TailwindCSS

How to Run

Before you run this project locally, you can copy .env.example into .env and then set the environment. After that, run it with docker.

    docker-compose build
    docker-compose up -d

It will automatically migrate and seed the database.

After that, if you want to connect this container to the single service container, you have to make a network between the 2 containers on the docker by applying this command on your terminal.

    docker network create my_network
    docker network connect my_network app_monolith
    docker network connect my_network go-app

I use go-app for the single service container and app_monolith for the monolith app in the Dockerfile.

    API_BASE_URL=http://localhost:8000 => API_BASE_URL=http://go-app:8000

Preferable

Using laravel in the docker container is not the best option for running this app, because it's slow to build and then the average response would take about 3-5 seconds. Using the old way to run this app would be preferable.

    composer install
    setup the env
    php artisan migrate
    php artisan db:seed
    npm install

Open 2 terminal: for laravel application and for vite preprocessor (for the TailwindCSS)

    npm run dev
    php artisan serve --port=8080

Initial account

    username: admin
    password: admin

Copyright

2023 © bangkitdc. All Rights Reserved.

Nama : Muhammad Bangkit Dwi Cahyono
NIM : 13521055

monolith's People

Contributors

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