Skip to content

Latest commit

 

History

History
47 lines (31 loc) · 1.56 KB

README.md

File metadata and controls

47 lines (31 loc) · 1.56 KB

TASKS app

A Tasks / To-Do app using Vue and Tailwind CSS. Most of the component styles are taken from Flowbite.

The backend of the app is in a separate repository, included as a submodule here, and it uses FastAPI and PostgreSQL.

Features

  • Sign in / up using Google or with email and password.
  • Create, edit and remove tasks with a title and a description.
  • Mark tasks as done.
  • Responsive design.

Project Setup

  1. Clone the repository, including the submodule (--recursive), which contains the backend.
$ git clone --recursive [email protected]:mbrignone/tasks_app.git

  1. Create Google OAuth client ID credentials (see here) and add both http://localhost and http://localhost:5173 as Authorized JavaScript origins.

  2. Create a src/environment/.env file with the following values:

VITE_BACKEND_API_BASE_URL=http://127.0.0.1:80
VITE_GOOGLE_LOGIN_CLIENT_ID=<your_client_id>

NOTE: You can skip step #2 and then don't set the Google client ID in step #3. The app will still work but you will get an error if you try to authenticate using Google.

Run the App

$ docker compose up -d [--build]

The --build option forces a rebuild of the images before starting the containers.

The app should now be running on http://localhost:5173/. You can see the frontend and the backend logs using the docker logs command (with the --follow optionally).

$ docker logs vue_app
$ docker logs fastapi_app