/Django-and-Vue-Auth-System

An user authentication system in Django and Vue with some additional file handling features

Primary LanguageVue

Django Vue Auth Boilerplate

Project Briefing

This is a simple boilerplate to get you started with full stack applications using Vue and Django, Postgresql is used as database and tailwind css is used for UI components.

Tailwind component design is inspired from the website https://tailwindcomponents.com/

Built With

Authors

Project setup

This project requires Postgresql to be installed on your system. As best practice you can create a new virtual environment and install the required packages from the 'requirements.txt' file.

On the frontend side of things go inside the frontend folder and run npm install, this would install vue and all the required libraries including Tailwind CSS.

npm install
npm run serve

For Django Backend, setup the database and run migrations. Finally, run the server using the manage command.

python manage.py makemigrations
python manage.py migrate
python manage.py runserver

Updates

  • 24/3/23

Front-end is no longer compatible with the latest version of Node which is 18 at the time of updating this project. Use NVM and LTS version of Node 14 for running this project. Might consider conversion to Vite in future.

Project Screenshots

Please find some of the screenshots of the application. Below is the screenshot of the Register page.

alt text

This shows login page.

alt text

The main dashboard page.

alt text

This shows page where data read from file uploaded would be displayed.

alt text