2
0 Comments

Learn how to build a web app for creating and sending invoices (Django + Vue)

What we're building in this free tutorial series?

Many freelancers and business owners needs some sort of software for generating and sending pdf invoices to their clients. So what we're building in this series is exactly that. I'm going to make a web app where people can sign up and log in to. When you're logged in, you will have a dashboard with information about paid and unpaid invoices. You'll also be able to create clients, generate invoices, send invoices, register payments, send reminders, etc.

The tech stack

The backend for this project will be built with Django. I'm going to use the Django Rest Framework library for creating the API. I'm also going to use a library called Djoser. This is a library for helping us with tokens and authentication.
I'm going to make a separate frontend with Vue 3. So it will technically be two separated projects. I'm going to use a plugin called Axios for talking with the backend, and I'm also going to use a CSS framework called Bulma. Feel free to use Bootstrap if you want, but then you have to make the necessary changes your self :-)
When I'm deploying this project, I will deploy it to a Ubuntu 20.04 server on Digital Ocean. I'll be using Postegresql for the database.

Part one

Todo list for part 1 (timestamps)
00:01​ The intro
00:50​ Create virtual environment and activate it
01:50​ Install Django and some other libraries (Djoser, Django Rest Framework and Django Cors Headers)
03:00​ Create a new Django project
03:54​ Configure the project
07:05​ Add Djoser urls to the project
09:00​ Install Vue CLI
09:35​ Create a new Vue project
10:50​ Install Axios
11:00​ Install Bulma CSS
12:10​ Activate Axios
13:07​ Set up Vuex (State management)
16:10​ Change the layout (add menu, etc)

Want to check it out? You'll find it here:
https://www.youtube.com/watch?v=ktplOX4bz0M

Let me know if you have any questions :-)

Trending on Indie Hackers
Getting first 908 Paid Signups by Spending $353 ONLY. 24 comments I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Join our AI video tool demo, get a cool video back! 12 comments