Fantastic Coffee (Decaffeinated)

This repository is an assignment for the Web and Software Architecture course at Sapienza University in 2024. It serves as a foundational project structure for developing web applications using Go and Vue.js.

"Fantastic Coffee (Decaffeinated)" is a simplified version tailored for educational purposes and is not intended for production use. The complete version can be found in the "Fantastic Coffee" repository.

Project Overview

This project implements a social media platform where users can upload photos, follow each other, and interact through comments and likes. The backend is built using Go, while the frontend is developed with Vue.js.

Key Features

• User Management: Users can register, log in, and manage their profiles.
• Photo Sharing: Users can upload photos and view a stream of photos from users they follow.
• Social Interactions: Users can follow/unfollow others, like photos, and comment on them.
• Real-time Updates: The application fetches and displays user data dynamically.

Project Structure

• cmd/ contains all executables; Go programs here should only do "executable-stuff", like reading options from the CLI/env, etc.
  • cmd/healthcheck is an example of a daemon for checking the health of server daemons; useful when the hypervisor is not providing HTTP readiness/liveness probes (e.g., Docker engine).
  • cmd/webapi contains an example of a web API server daemon.
• demo/ contains a demo config file.
• doc/ contains the documentation (usually, for APIs, this means an OpenAPI file).
• service/ has all packages for implementing project-specific functionalities.
  • service/api contains the API server.
  • service/database handles all database interactions and data models.
• vendor/ is managed by Go and contains a copy of all dependencies.
• webui/ is the web frontend in Vue.js; it includes:
  • Bootstrap JavaScript framework.
  • A customized version of the "Bootstrap dashboard" template.
  • Feather icons as SVG.
  • Go code for release embedding.

Other project files include:

• open-npm.sh starts a new (temporary) container using the node:lts image for safe web frontend development (you don't want to use npm on your system, do you?).

Go Vendoring

This project uses Go Vendoring. You must use go mod vendor after changing some dependency (go get or go mod tidy) and add all files under the vendor/ directory in your commit.

For more information about vendoring:

• https://go.dev/ref/mod#vendoring
• https://www.ardanlabs.com/blog/2020/04/modules-06-vendoring.html

Node/NPM Vendoring

This repository contains the webui/node_modules directory with all dependencies for Vue.js. You should commit the content of that directory along with both package.json and package-lock.json.

How to Set Up a New Project from This Template

You need to:

• Change the Go module path to your module path in go.mod, go.sum, and in *.go files around the project.
• Rewrite the API documentation in doc/api.yaml.
• If no web frontend is expected, remove webui and cmd/webapi/register-webui.go.
• If no cron jobs or health checks are needed, remove them from cmd/.
• Update the top/package comment inside cmd/webapi/main.go to reflect the actual project usage, goal, and general info.
• Update the code in the run() function (cmd/webapi/main.go) to connect to databases or external resources.
• Write API code inside service/api, and create any further packages inside service/ (or subdirectories).

How to Build

If you're not using the WebUI, or if you don't want to embed the WebUI into the final executable, then:

go build ./cmd/webapi/

If you're using the WebUI and you want to embed it into the final executable:

./open-npm.sh
# (here you're inside the NPM container)
npm run build-embed
exit
# (outside the NPM container)
go build -tags webui ./cmd/webapi/

How to Run (in Development Mode)

You can launch the backend only using:

go run ./cmd/webapi/

If you want to launch the WebUI, open a new tab and launch:

./open-npm.sh
# (here you're inside the NPM container)
npm run dev

How to Build for Production / Homework Delivery

./open-npm.sh
# (here you're inside the NPM container)
npm run build-prod

For "Web and Software Architecture" students: before committing and pushing your work for grading, please read the section below named "My build works when I use npm run dev, however there is a Javascript crash in production/grading".

Known Issues

Apple M1 / ARM: failed to load config from...

If you use Apple M1/M2 hardware, or other ARM CPUs, you may encounter an error message saying that esbuild (or some other tool) has been built for another platform.

If so, you can fix this by issuing these commands only the first time:

./open-npm.sh
# (here you're inside the NPM container)
npm install
exit
# Now you can continue as indicated in "How to build/run"

Use these instructions only if you get an error. Do not use it if your build is OK.

My build works when I use npm run dev, however there is a Javascript crash in production/grading

Some errors in the code are somehow not shown in vite development mode. To preview the code that will be used in production/grading settings, use the following commands:

./open-npm.sh
# (here you're inside the NPM container)
npm run build-prod
npm run preview

License

See LICENSE.