Djavue3

Overview

The Djà Vue Matrix Background is a full-stack project template designed for production readiness, with a focus on productivity and adherence to best practices. It combines a modern frontend using Vue 3, Vite, and Vuetify, and a backend using Python and the Django API. The template aims to improve team productivity, deliver faster results, satisfy clients, and create a high-quality product that is easy to modify.

Features

• Backend features:
  • Django and Postgres
  • Folder structure for easier organization and implementation of new functionalities
  • Pytest and test examples for promoting Test-Driven Development (TDD)
  • Code quality using Linter
  • Integration between frontend and backend
  • Utilization of environment variables using .env and python-decouple, as well as dj-database-url
  • Integration of django-extensions
  • User model with additional fields
  • Well-structured views and separation of business logic into services and models
  • Separation of business into contexts (Django Apps)
  • Containerization for production using Dockerfile and docker-compose
  • Continuous Integration (CI) using GitHub Actions for running linter and tests
  • Continuous Deployment (CD) using GitHub Actions for deployment on fly.io
• Frontend features:
  • Vite for a fast server, Hot Module Replacement (HMR), and optimized build
  • Well-organized project structure with Router, Pages, Store, and API Client
  • API Mock using MirageJS for productive frontend development without a backend
  • API client using Axios
  • Code quality using Linter and Code Style (ESLint + Prettier)
  • State management with Pinia
  • Testing of business logic within the store using Vitest
  • Separation of business into contexts (reflecting backend apps)
  • Inheritance of pages using Layout (View Component & Router)
  • Example functionalities including Login, Logout, Task List, and Create Tasks
  • Route protection based on 401 responses and authentication configured to work with Django using cookies

Summary

The Djà Vue Matrix Background is a comprehensive full-stack project template that combines a modern frontend using Vue 3 and Vite with a backend powered by Django and Postgres. It offers a range of features for enhancing productivity and code quality, including well-organized project structures, testing capabilities, code linting, and integration between the frontend and backend. With its focus on delivering faster results and a high-quality product, this template is a valuable resource for developers looking to create robust and efficient full-stack applications.