Full Stack Django and Django REST API with Next.js 14(React)

Focused View

Alpha Omondi Ogilo

14:29:38

557 View

1. Introduction

1. Introduction.mp4

01:36

2. Requirements.mp4

01:26

3. Tech toolsTechnologies used in Project.mp4

02:43

4. Demo of Final Product.mp4

26:58

5. Course Github Repo, connect with me on Social.html

2. Project Setup

1. Create working Directory & Virtual Environment.mp4

06:21

2. Initialize Git.mp4

04:14

3. Install Packages.mp4

05:11

4. Setup Requirements and Settings.mp4

18:59

5. Configure Other Django Params.mp4

07:39

6. Django Apps.mp4

05:51

3. Logging In Django

1. Introduction to Logging in Django.mp4

02:00

2. Setup Development Logging.mp4

08:53

4. Configure Django with Docker

1. Dockerfile Config.mp4

28:43

2. Entrypoint Shell Script.mp4

08:45

3. Start Shell Script.mp4

02:56

4. Postgres and Docker compose.mp4

14:36

5. Run docker-compose config.mp4

12:24

5. Using Makefiles

1. How to setup Makefiles.mp4

11:15

6. Custom User model in Django

1. Custom User Model Manager.mp4

11:36

2. UUIDs Theory.mp4

02:08

3. Custom User Model.mp4

11:09

4. UserCreationAdmin Form.mp4

13:59

5. Setup Redoc documentation.mp4

11:42

7. Next Js Introduction

1. Initialize Next.js.mp4

05:55

2. Configure Client Git.mp4

03:14

3. Client Dockerfile..mp4

12:39

4. Add Client Docker Compose.mp4

05:02

5. Theory of NGINX as reverse proxyload balancer (Dont skip).mp4

02:35

6. NGINX Config.mp4

16:24

7. NGINX Docker compose.mp4

10:12

8. Configure Celery and Redis

1. Celery & Redis Intro.mp4

00:47

2. Setup Celery.mp4

10:01

3. Docker-compose config(Celery & Redis).mp4

07:51

4. Flower and worker start scripts.mp4

11:57

9. TimeStamped & Profile Models

1. TimeStamped Common model.mp4

13:09

2. Cloudinary Configuration.mp4

17:17

3. Signals.mp4

11:18

10. Authentication,Authorization & JWT

1. Token Based Authentication.mp4

03:40

2. Setup Custom JWTAuthentication.mp4

11:32

3. Configure Djoser and RestFramework simplejwt.mp4

17:56

4. Auth Views.mp4

20:08

5. URLS and Test JWT Endpoints.mp4

14:40

6. Setup Google Credentials.mp4

14:45

11. User - Profile Serializers and Views

1. Customize Djoser User Serializer.mp4

07:29

2. Generic JSON Renderer.mp4

06:14

3. Profile Celery tasks.mp4

10:30

4. Profile Serializer.mp4

08:40

5. Profile Views and Urls..mp4

18:44

6. Profile Urls and Pipeline.mp4

16:07

12. Apartments Functionality

1. Apartment Model.mp4

06:19

2. Apartment Serializer,Views and Urls.mp4

07:41

3. Main Urls and Test Apartment Creation.mp4

05:54

13. Issue Functionality

1. Issue Email Templates.mp4

11:25

2. Issue Model.mp4

13:30

3. Content and Issue Admin.mp4

03:48

4. Email Helper Functions.mp4

09:03

5. Issue Serializer.mp4

09:26

6. Issue Views.mp4

20:03

7. Issues Views and urls.mp4

11:46

8. Test API Routes.mp4

16:58

14. Report Functionality

1. Create the reports app.mp4

06:22

2. Report Email templates.mp4

06:02

3. Report Email Helper Functions.mp4

04:46

4. Report Signals.mp4

04:56

5. Report Serializer And Views.mp4

07:00

6. Report urls and API Routes.mp4

10:58

15. Rating Functionality

1. Rating Model.mp4

06:27

2. Rating View.mp4

09:22

3. Rating Admin.mp4

07:49

4. Create Urls & Test API Routes.mp4

05:35

16. Posts Functionality

1. Post Model.mp4

13:19

2. Custom Permissions.mp4

09:56

3. Post Serializer.mp4

12:27

4. Post Serializers continued..mp4

12:34

5. Post Views.mp4

12:36

6. Post Views Continued.....mp4

18:06

7. Post urls and Admin.mp4

11:52

8. Test Post API Routes.mp4

16:57

17. Setup Next.Js

1. Configure Eslint,Prettier, Sharp..mp4

12:00

2. Setup Fonts..mp4

07:22

18. Setup Next.js Page(s)

1. Intro to File System Based routing.mp4

21:20

2. Placeholder Register,Login, Google pages.mp4

12:31

3. Navbar.mp4

09:44

4. Theme Switcher.mp4

13:54

Description

Real Estate MVP with Django REST Framework, Next.js(React), Docker, NGINX, TypeScript, Redux, RTK Query and more

What You'll Learn?

How to work with Docker containers with Django and Django REST Framework
How to work with Docker containers with React and NextJS 14
How to use Redux and Redux Toolkit with TypeScript.
Reverse proxies with NGINX to serve both the backend API and the React/NextJS Client

Who is this for?

Experienced Python web developer with at least 1 year of web development experience

What You Need to Know?

Python developers with at least 1 year of web development experience.

Interested in Integrating React and Nextjs 14 with your backend API Endpoint using NGINX

Python3 basics and type hints

Django basics

REST API and Django REST framework fundamentals

JavaScript basics (including variables, operators, functions, arrays, array methods, async/await, and ES6 features)

TypeScript basics

React basics (components, props, state, JSX, conditional rendering, mapping over lists, and hooks like useState and useEffect).

Redux and ReduxToolkit basics

Docker and container basics

Shell scripting basics

Web Servers and Basics of NGINX

More details

Description
I previously lived in a large apartment complex with over 500 apartment units, all owned by a single landlord.

The complex was plagued by inefficient service delivery, issue reporting, and maintenance operations.

Tenants were expected to report problems via a shared WhatsApp account, which often resulted in messages going unread, being read too late, or being forgotten due to the high volume of incoming messages.

The landlordâ€™s technicians(who included plumbers,carpenters, masons, electricians, roofers et-cetera) who were responsible for addressing various issues, frequently ignored calls for assistance or provided false excuses about their availability. Tracking the technicians' whereabouts and providing feedback to the landlord on their work was a challenging task.

To make matters worse, some tenants used the same WhatsApp account to advertise their goods that they were selling(such as food, clothes et-cetera), causing further confusion and hindering the issue reporting process.

Reporting misbehaving neighbors who violated the tenancy agreement and were a nuisance to other neighbors, also proved to be difficult.

I finally had enough and moved out of that placeâ€¦ which kept me wonderingâ€¦if I was fortunate enough to somehow get money in the future and was able to build my own set of apartments, just like my former landlord did, what would I do differently?

Welcomeâ€¦. Join me in this course as I build an MVP(which is a minimum viable product), to solve some of the problems I encountered while I was living in the apartment complex. This solution being an MVP, of course it can be improved or customized to solve your needs.

I hope this course will provide valuable insights and solutions to those facing similar challenges in apartment management..
Who this course is for:
Experienced Python web developer with at least 1 year of web development experience

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I am Alpha Ogilo, a self taught FullStack Software engineer with a passion for mentorship and teaching of computer programming principles. I have a liking for Python and JavaScript and its frameworks. Docker is also one of my favourite tools. In the future plan to learn many more technologies/tools and share what I have learnt.I currently work Full-time as a Senior Software Engineering Manager and in my free time also started creating youtube tutorials

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.