Introduction - Building A Basecamp Clone Using Django 6 And Vue 3

You need to be subscribed to a plan to get access to the full course.

Basecamp is a really great tool for managing small and large projects. In this project, we will use Django and Vue to make it possible to have boards, todo lists, tasks, assignments, calendars, chat, file management, reports, and much more.

Watch this lesson for free

We are going to begin with the very basics like setting up our projects (Both Django and Vue). When things are ready, we will begin setting up the whole project, but in small pieces.

Building a large project like Basecamp requires a lot of code, and it's important that we take our time to think through everything.

It's also much easier to build and to learn when we can split everything into small tasks.

Backend

The backend will be build using Django and Django Rest Framework. This means that it will be isolated from the frontend. So in theory, we will be building an API that can be used both for the web application, but also for an app, or similar.

Frontend

For the front end, we will be focusing on learning Vue and Tailwind.

Login to track progress

Comments

EFSArCBy | Jul 02, 26 09:01

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

-1 OR 2+903-903-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 09:02

-1 OR 2+954-954-1=0+0+0+1

EFSArCBy | Jul 02, 26 09:02

-1' OR 2+566-566-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 09:02

-1' OR 2+297-297-1=0+0+0+1 or 'KT72geBV'='

EFSArCBy | Jul 02, 26 09:02

-1" OR 2+748-748-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 09:02

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 02, 26 09:02

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 02, 26 09:02

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 02, 26 09:02

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 02, 26 09:02

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 09:02

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 09:02

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 09:02

5556a8AOMDA'; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 09:02

555-1 OR 751=(SELECT 751 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555-1) OR 450=(SELECT 450 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555-1)) OR 909=(SELECT 909 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555tptz9hFc' OR 238=(SELECT 238 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555YQIt83KA') OR 914=(SELECT 914 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555U8Fzyfaj')) OR 552=(SELECT 552 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 09:02

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 02, 26 09:02

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555'"

EFSArCBy | Jul 02, 26 09:02

@@6AFRG

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

-1 OR 2+79-79-1=0+0+0+1 -- | Jul 02, 26 09:02

555

-1 OR 2+245-245-1=0+0+0+1 | Jul 02, 26 09:02

555

-1' OR 2+993-993-1=0+0+0+1 -- | Jul 02, 26 09:02

555

-1' OR 2+153-153-1=0+0+0+1 or 'VrWHwFCS'=' | Jul 02, 26 09:02

555

-1" OR 2+129-129-1=0+0+0+1 -- | Jul 02, 26 09:02

555

if(now()=sysdate(),sleep(15),0) | Jul 02, 26 09:02

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 02, 26 09:02

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 02, 26 09:02

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 02, 26 09:02

555

EFSArCByolEUPbYU'; waitfor delay '0:0:15' -- | Jul 02, 26 09:02

555

EFSArCByzTLtS8U9' OR 863=(SELECT 863 FROM PG_SLEEP(15))-- | Jul 02, 26 09:02

555

EFSArCByUrg3qYJy') OR 735=(SELECT 735 FROM PG_SLEEP(15))-- | Jul 02, 26 09:02

555

EFSArCBytka9A8sN')) OR 606=(SELECT 606 FROM PG_SLEEP(15))-- | Jul 02, 26 09:02

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy'" | Jul 02, 26 09:02

555

@@6w1B7 | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 02, 26 09:02

555

EFSArCBy | Jul 20, 26 10:00

555

EFSArCBy | Jul 20, 26 10:00

555

EFSArCBy | Jul 20, 26 10:00

555

EFSArCBy | Jul 20, 26 10:00

-1 OR 2+933-933-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 10:00

-1 OR 2+20-20-1=0+0+0+1

EFSArCBy | Jul 20, 26 10:00

-1' OR 2+264-264-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 10:00

-1' OR 2+166-166-1=0+0+0+1 or 'KTGAWcfN'='

EFSArCBy | Jul 20, 26 10:00

-1" OR 2+219-219-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 10:00

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 20, 26 10:00

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 20, 26 10:00

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 20, 26 10:00

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 20, 26 10:00

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 10:00

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 10:00

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 10:00

555Oe8Tlnb8'; waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 10:00

555-1 OR 964=(SELECT 964 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555-1) OR 142=(SELECT 142 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555-1)) OR 847=(SELECT 847 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555wTSiJwOM' OR 205=(SELECT 205 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555AuvqTS1J') OR 480=(SELECT 480 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555f2Zhq0xt')) OR 92=(SELECT 92 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 10:00

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 20, 26 10:00

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555'"

EFSArCBy | Jul 20, 26 10:01

@@hRqwT

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

-1 OR 2+30-30-1=0+0+0+1 -- | Jul 20, 26 10:01

555

-1 OR 2+345-345-1=0+0+0+1 | Jul 20, 26 10:01

555

-1' OR 2+718-718-1=0+0+0+1 -- | Jul 20, 26 10:01

555

-1' OR 2+211-211-1=0+0+0+1 or 'wGbvPwLq'=' | Jul 20, 26 10:01

555

-1" OR 2+668-668-1=0+0+0+1 -- | Jul 20, 26 10:01

555

if(now()=sysdate(),sleep(15),0) | Jul 20, 26 10:01

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 20, 26 10:01

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 20, 26 10:01

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 20, 26 10:01

555

EFSArCBywgmQXMUU'; waitfor delay '0:0:15' -- | Jul 20, 26 10:01

555

EFSArCBywbhgvxHm' OR 670=(SELECT 670 FROM PG_SLEEP(15))-- | Jul 20, 26 10:01

555

EFSArCByUf5kUXjh') OR 216=(SELECT 216 FROM PG_SLEEP(15))-- | Jul 20, 26 10:01

555

EFSArCBySJCv3WYA')) OR 288=(SELECT 288 FROM PG_SLEEP(15))-- | Jul 20, 26 10:01

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy'" | Jul 20, 26 10:01

555

@@KGxtu | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 20, 26 10:01

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

-1 OR 2+172-172-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 12:53

-1 OR 2+251-251-1=0+0+0+1

EFSArCBy | Jul 23, 26 12:53

-1' OR 2+455-455-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 12:53

-1' OR 2+388-388-1=0+0+0+1 or 'SblLTe5k'='

EFSArCBy | Jul 23, 26 12:53

-1" OR 2+980-980-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 12:53

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 23, 26 12:53

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 23, 26 12:53

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 23, 26 12:53

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 23, 26 12:53

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 12:53

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 12:53

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 12:53

555BjHQSfFc'; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 12:53

555-1 OR 615=(SELECT 615 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555-1) OR 283=(SELECT 283 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555-1)) OR 396=(SELECT 396 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555TF3VztMP' OR 33=(SELECT 33 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555x886jXRq') OR 578=(SELECT 578 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555QEV7QCuw')) OR 700=(SELECT 700 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 12:53

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 23, 26 12:53

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555'"

EFSArCBy | Jul 23, 26 12:53

@@VQfn4

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

-1 OR 2+275-275-1=0+0+0+1 -- | Jul 23, 26 12:53

555

-1 OR 2+633-633-1=0+0+0+1 | Jul 23, 26 12:53

555

-1' OR 2+363-363-1=0+0+0+1 -- | Jul 23, 26 12:53

555

-1' OR 2+220-220-1=0+0+0+1 or 'uY6VZOgv'=' | Jul 23, 26 12:53

555

-1" OR 2+334-334-1=0+0+0+1 -- | Jul 23, 26 12:53

555

if(now()=sysdate(),sleep(15),0) | Jul 23, 26 12:53

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 23, 26 12:53

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 23, 26 12:53

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 23, 26 12:53

555

EFSArCByWhpWSikE'; waitfor delay '0:0:15' -- | Jul 23, 26 12:53

555

EFSArCByXtiBdQs4' OR 343=(SELECT 343 FROM PG_SLEEP(15))-- | Jul 23, 26 12:53

555

EFSArCBymV8VCUHX') OR 517=(SELECT 517 FROM PG_SLEEP(15))-- | Jul 23, 26 12:53

555

EFSArCByhkGKxPiS')) OR 853=(SELECT 853 FROM PG_SLEEP(15))-- | Jul 23, 26 12:53

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy'" | Jul 23, 26 12:53

555

@@HaBz5 | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

EFSArCBy | Jul 23, 26 12:53

555

Add comment

Info

Please log in to comment!

Newsletter

Subscribe to my weekly newsletter. One time per week I will send you a short summary of the tutorials I have posted in the past week.