VueDoList

VueDoList is a minimalist todo app with a Vue.js frontend and a Spring Boot + PostgreSQL backend. It provides a clean, intuitive interface with a RESTful API for managing todo lists and todos.

Features

• RESTful API for CRUD operations on lists and todos
• Minimalist UI with multi-theme support
• PostgreSQL integration via Spring Data JPA
• Environment-based configuration for secure local dev & deployment

Tech Stack

• Frontend: Vue 3, Vite
• Backend: Spring Boot, Maven
• Database: PostgreSQL

Getting Started

Containerized Setup (Recommended)

# Copy the example env file and fill in your actual values
cp .env.example .env

# Load environment variables
set -a; source .env; set +a

# Start both frontend and backend using Docker...
docker-compose up -d

# ... or Podman
podman-compose up -d

# Open the app in your browser at http://localhost:8080

Manual Setup

cd backend/

# Copy the example env file and fill in your actual values
cp .env.example .env

# Load environment variables
set -a; source .env; set +a

# Start PostgreSQL using Docker...
docker-compose up -d

# ... or Podman
podman-compose up -d

# Install dependencies and run the backend
mvn clean install
mvn spring-boot:run

# Open a new terminal and navigate to the frontend directory
cd ./frontend/

# Install dependencies and run the frontend
npm install
npm run dev

# Open the app in your browser at http://localhost:5173

Detailled Information

For detailed setup and usage instructions, please refer to the individual README files in the frontend and backend directories.

Screenshots

Light Mode	Dark Mode

Thank you for checking out VueDoList! 🎉