- 190
- 669 167
Code With Clinton
Nigeria
เข้าร่วมเมื่อ 7 พ.ค. 2020
👋 Welcome to CodeWithClinton!
Your go-to channel for mastering fullstack web development with Django and React.
I’m Clinton, a passionate web developer and coding instructor dedicated to helping aspiring developers turn their ideas into reality through code. Whether you’re just starting out or looking to level up your skills, this channel is designed to simplify complex concepts and teach you how to build real-world web applications.
💡 My Motto:
"Think it - Code it." Here, we turn ideas into functional applications.
Your go-to channel for mastering fullstack web development with Django and React.
I’m Clinton, a passionate web developer and coding instructor dedicated to helping aspiring developers turn their ideas into reality through code. Whether you’re just starting out or looking to level up your skills, this channel is designed to simplify complex concepts and teach you how to build real-world web applications.
💡 My Motto:
"Think it - Code it." Here, we turn ideas into functional applications.
New Course Alert - Django and React Full Project 2025
Get ready to level up your web development skills with our new series! We're diving deep into building a full-stack blog application using Django, React, Tailwind CSS, and ShadCN UI. From backend to frontend, I'll guide you through every step of creating a feature-rich, modern blog app. Whether you're a beginner or an experienced developer, there's something here for you.
Subscribe now and don’t miss an episode!
Subscribe now and don’t miss an episode!
มุมมอง: 110
วีดีโอ
Django REST Framework Tutorial #7: Paginating the Blog List
มุมมอง 9119 ชั่วโมงที่ผ่านมา
In Episode 7 of our Django REST Framework series, we enhance our API by adding pagination to the blog list. Learn how to structure data display efficiently, making large datasets manageable and user-friendly. Follow along as we continue to improve our REST API with Django!
Django REST Framework Tutorial #6: Updating Users Profile
มุมมอง 144วันที่ผ่านมา
In Episode 6 of our Django REST Framework series, we add functionality to update user profiles. This episode covers setting up the necessary serializers, views, and endpoints to allow users to edit their profile information securely. Join us as we continue to enhance our REST API with Django!
Django REST Framework Tutorial #5: List, Update, and Delete Blog Posts
มุมมอง 12014 วันที่ผ่านมา
In Episode 5 of our Django REST Framework series, we expand our API by implementing functionality for listing, updating, and deleting blog posts. This episode covers the essentials of CRUD operations, providing the flexibility to manage blog data dynamically. Join us as we continue building a full-featured REST API with Django! Timestamps: 00:00:00 - Implementing Blog Listing Functionality 00:0...
Django REST Framework Tutorial #4: Serializers, Views, and Creating Blog Post
มุมมอง 13214 วันที่ผ่านมา
In Episode 4 of the Django REST Framework series, we dive into serializers, views, and URL setup. This episode also covers creating blog posts restricted to authenticated users, adding a key layer of security to our API. Follow along as we expand our REST API with Django! Timestamps: 00:00:00 - Configuring Media URL and Media Root 00:02:25 - Creating the Blog Serializer, Views, and URL 00:11:57...
Django REST Framework Tutorial #3: Django Models Setup
มุมมอง 17914 วันที่ผ่านมา
In Episode 3 of the Django REST Framework series, we set up Django models to structure our data for the API. Learn how to create and organize robust models that will serve as the foundation for our endpoints and features. Follow along as we continue building a powerful REST API with Django!
Django REST Framework Tutorial #2: User Registration & JWT Authentication
มุมมอง 29414 วันที่ผ่านมา
In this second episode of the Django REST Framework tutorial series, we build on our project setup by implementing user registration and adding JWT authentication. This video will guide you through creating user registration endpoints and securing your API with JSON Web Tokens, ensuring only authorized users have access. Follow along as we continue developing our API with Django, setting up ess...
Django REST Framework Tutorial #1: Project Setup & Custom User Model
มุมมอง 33721 วันที่ผ่านมา
In this first video of the Django Rest Framework tutorial series, we set up the project environment and explore creating a custom user model. Perfect for beginners looking to build RESTful APIs with Django! Watch and follow along as we lay the foundation for our API project. Timestamps: 00:00:00 - Introduction 00:01:27 - Creating a Virtual Environment 00:04:32 - Setting Up the Django Project 00...
Django and React Projects for Beginners - Build a Quiz App
มุมมอง 729หลายเดือนก่อน
Learn how to build a full-stack quiz app with Django for the backend and React for the frontend. In this tutorial, I'll show you how to set up the backend API, integrate it with a dynamic React interface, and implement key features like scoring, question management, and a count down timer to challenge users. Perfect for developers looking to enhance their skills with Django and React. Happy lea...
Django and React Ecommerce Web App - Build and Deploy E-commerce site with Django and React
มุมมอง 4.3Kหลายเดือนก่อน
Learn how to build and deploy a fullstack e-commerce website using Django and React. This 9-hour course covers everything from setting up your backend and frontend to integrating Flutterwave and PayPal for seamless payments. Perfect for developers looking to master e-commerce development and deployment. Get source code here 👉: selar.co/027smn E-commerce live URL: newshop-ohta.onrender.com Table...
How to Deploy a Django and React Web App
มุมมอง 8522 หลายเดือนก่อน
Hi, in this video you will learn "How to Deploy a FullStack Django and React Web App on Render". This guide is perfect for beginners and intermediates looking to simplify their deployment process. We’ll cover everything from setting up your Django backend and React frontend to configuring and optimizing for production. By the end of this video, you’ll have your app running smoothly on Render. H...
Django and React Project for Beginners - Build a FullStack Notes App
มุมมอง 13K4 หลายเดือนก่อน
Learn how to build a full-stack web application using Django and React in this beginner-friendly tutorial. Follow along as we set up a Django backend, create a React frontend, and integrate them to develop a functional notes app. Perfect for newcomers to full-stack development! Source code: Frontend: github.com/CodeWithClinton/notes-app-react Backend: github.com/CodeWithClinton/notes-crud-api F...
Build a Full Stack Web App - Django and React Project 2024
มุมมอง 3.7K5 หลายเดือนก่อน
In this tutorial you will learn how to build web apps using Django and React. Django will be used to build the Rest API and React will be used on the frontend. In this course you will learn how to build a Blog Application with Django and React JS. Happy learning!! Source code: Frontend code: github.com/CodeWithClinton/django_react_blog_template Backend code: github.com/CodeWithClinton/django_bl...
Build a Blog with Django and Tailwind CSS
มุมมอง 1K6 หลายเดือนก่อน
Hi, in this video you will learn how to integrate Tailwindcss into your Django application by building a blog with Django and styling the frontend with Tailwindcss. Happy learning! Django full course: th-cam.com/video/QCDpBhW8XbM/w-d-xo.htmlsi=Fhv08ijZ5fmc5xkr Source code: github.com/CodeWithClinton/django_tailwind_blog
Django Rest Framework Full Course 2024
มุมมอง 2.1K8 หลายเดือนก่อน
In this Django Rest Framework full course you will learn how to build a sophisticated RESTFUL API with Django Rest Framework. Happy learning! Timestamps: 00:00:00 - Introduction 00:01:46 - Project Setup 00:09:05 - Rest framework Prerequisites 00:11:15 - Serializing the Blog model 00:15:10 - The blog_list "GET" request (Function Based View) 00:23:18 - The blog_list "POST" request (Function Based...
Django Roadmap for 2024 - (Beginners to Advance)
มุมมอง 1.4K9 หลายเดือนก่อน
Django Roadmap for 2024 - (Beginners to Advance)
Django Full Course 2024 - Build and Deploy a FullStack Django Web App
มุมมอง 3.8K9 หลายเดือนก่อน
Django Full Course 2024 - Build and Deploy a FullStack Django Web App
Email Verification in Django using OTP - OTP expires every 5mins.
มุมมอง 7K10 หลายเดือนก่อน
Email Verification in Django using OTP - OTP expires every 5mins.
Send emails in Django in less than 5 minutes!
มุมมอง 4.1K10 หลายเดือนก่อน
Send emails in Django in less than 5 minutes!
Build an Ecommerce Web Application with Django 2024 - Intro
มุมมอง 78311 หลายเดือนก่อน
Build an Ecommerce Web Application with Django 2024 - Intro
Django + Htmx | Build a Todo App with Django and Htmx | Django Project for Beginners
มุมมอง 2Kปีที่แล้ว
Django Htmx | Build a Todo App with Django and Htmx | Django Project for Beginners
Build a Todo App with Django | Django CRUD Tutorial | Django Project for Beginners
มุมมอง 6Kปีที่แล้ว
Build a Todo App with Django | Django CRUD Tutorial | Django Project for Beginners
Build a RealTime ChatApp with Django - Live Demo
มุมมอง 1.7Kปีที่แล้ว
Build a RealTime ChatApp with Django - Live Demo
Django Authentication using Email Address - Login with Email in Django
มุมมอง 1.4Kปีที่แล้ว
Django Authentication using Email Address - Login with Email in Django
Deploy a Django Web App on DigitalOcean Droplets | PostgreSQL - Nginx - Gunicorn
มุมมอง 4.9Kปีที่แล้ว
Deploy a Django Web App on DigitalOcean Droplets | PostgreSQL - Nginx - Gunicorn
Payment Integration - Ecommerce Restful API - Django Rest Framework
มุมมอง 2.8Kปีที่แล้ว
Payment Integration - Ecommerce Restful API - Django Rest Framework
Django Tutorial for Complete Beginners - Build your first Django Web App
มุมมอง 781ปีที่แล้ว
Django Tutorial for Complete Beginners - Build your first Django Web App
How to Deploy Django Apps on Render - Full Tutorial - Free and Easy
มุมมอง 9Kปีที่แล้ว
How to Deploy Django Apps on Render - Full Tutorial - Free and Easy
Django Project for Beginners - Build a Voting App with Django #3
มุมมอง 829ปีที่แล้ว
Django Project for Beginners - Build a Voting App with Django #3
I’m nearing the completion of the entire series, and it will be released episode by episode, with the first episode dropping on the 25th of November. Don’t worry-all episodes will be available before the year ends!
My mentor
Thank you.
nice!
@@khaphongnguyenthank you.
Is it free or paid?
@@mdsafikulislam9113 it is free.
@@CodeWithClinton I hope you build this project end to end till deployment.
@ndroidLover I am almost done with the entire series. I will start uploading the series in the next 48 Hours.
@@CodeWithClinton hope it covers deployment also?
@ndroidLover Zero to deployment.
does this series contains the part on building the frontend?
@@qaz7105 that will be a different series.
Thanks Clinton, for such great tutorial. I have learn valuable staff by watching it.
@@lebohangmotseki6850 you are welcome.
Thanks how will I change the database to postgress
Thank you for sharing this. Very clear and informative.
@@chrishicks7630 you are welcome.
1:18:00
Error Cannot read properties of undefined (reading 'split') is likely occurring because the note.body property is either undefined, null, or not a string at the time you try to apply .split(" ") on it. Issue: In your code, you're trying to split the note.body property with .split(" "), but if note.body is not a string or is undefined (or even null), you'll get the error Cannot read properties of undefined (reading 'split').
Why twice: CORS_ALLOWED_ORIGINS = [ "localhost:5173", "localhost:5173", ]
My guy can we exchange WhatsApp number or any contact means
@@olamoyegunolamidesammy5029 Send me a DM on LinkedIn on Twitter.
you're a lifesaver! thank you so much!
@@SpRaT92 You are welcome.
In the video you use JSX and in the git hub u used TSX. Its giving lots of errors.
I am so sorry for the mixup, please stick with using JSX.
@@CodeWithClinton Let's build new one and god will ignore your sins :)) Just remove the link of front and backend and keep fullstack github link. That will help a lot.
@CoderPunch A new one is on the way.
good thank you
@@frameff9073 you are welcome.
why it didnt ask you for CSRF Token when you have created new notes @time 54:00
@@TheCodingCaf Are you being asked for CSRF token?
@@CodeWithClinton yes but through browsable api from browser, not through postman
@TheCodingCaf use postman for post request.
Thanks for this
@@emmanuelizuchukwu7565 You are welcome boss.
Thanks a lot❤
@@mdsafikulislam9113 you are welcome.
Cool bro
@@penielstany You are welcome.
Thank u
@@Quand101 It is my pleasure, you are welcome.
Bro how did you made this as google recommended
@@MohanRaj-iq8it how do you mean?
Well done.Nice series
@@davidmukoro1166 Thank you.
This course is really great 👏🎉
@@er.rameshvlogs6953 Thank you so much.
Thank u so much ,, please make this series advanced and also use swagger with the api
@@Quand101 Okay, thank you.
Thanks bro, that is what i want ❤
@@penielstany you are welcome.
hello bro i was doing this project but getting the error 500 (script.js:35 GET 127.0.0.1:8000/add_to_cart 500 (Internal Server Error) addToCart @ script.js:35 script.js:49 Error fetching data: Error: Network response was not ok at script.js:39:15) using gpt also tried myself but unable to solve the code can you help?
hell following error appear when i tried to runserver, how I resolve it? PS E:\venv2\backend\project> python manage.py runserver Watching for file changes with StatReloader Exception in thread django-main-thread: Traceback (most recent call last): File "C:\Python312\Lib\threading.py", line 1075, in _bootstrap_inner self.run() File "C:\Python312\Lib\threading.py", line 1012, in run self._target(*self._args, **self._kwargs) File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\utils\autoreload.py", line 64, in wrapper fn(*args, **kwargs) File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\core\management\commands unserver.py", line 126, in inner_run autoreload.raise_last_exception() File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\utils\autoreload.py", line 87, in raise_last_exception raise _exception[1] File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\core\management\__init__.py", line 394, in execute autoreload.check_errors(django.setup)() File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\utils\autoreload.py", line 64, in wrapper fn(*args, **kwargs) File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\__init__.py", line 24, in setup apps.populate(settings.INSTALLED_APPS) File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\apps egistry.py", line 91, in populate app_config = AppConfig.create(entry) ^^^^^^^^^^^^^^^^^^^^^^^ File "C:\Users\digilink\AppData\Roaming\Python\Python312\site-packages\django\apps\config.py", line 193, in create import_module(entry) File "C:\Python312\Lib\importlib\__init__.py", line 90, in import_module return _bootstrap._gcd_import(name[level:], package, level) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "<frozen importlib._bootstrap>", line 1387, in _gcd_import File "<frozen importlib._bootstrap>", line 1360, in _find_and_load File "<frozen importlib._bootstrap>", line 1324, in _find_and_load_unlocked ModuleNotFoundError: No module named 'app_shop'
It is called "shop_app" and NOT "app_shop".
@@CodeWithClinton what ever, I think app name doesn't matter
Thanks a lot. I have learnt a lot from this video.
@@jasmeetpabla378 you are welcome.
Hi, I need the source code but unfortunately, I don't have any international payment instruments. can you please help me?
A bank card should work.
would love to see more stuff on Django+React
@@Coden69 more tutorials are coming up on Django and React.
great vide, but if you have included deployment, then it would have been more great
@@abhinashpandey4994 the video after this is about deployment.
I want the source code
@@muhammadabba842 it is in the video's description.
@@CodeWithClinton ok
I'm pretty sure that in the urls you can just say <slug:slug> and not make it a string (<str:slug>)
@@martindoychev5921 you are right. 👍
Clinton, do you have github for your projects that you shared on TH-cam??
Yeah, the GitHub link is in the video's description.
What is the advantage of using React vs building everything in Django?
Using React is the more modern approach of building web apps, and with React your web app becomes faster.
Good job Clinton. Can you do an app with login, registration. This will be very helpful to application like this.
@@davidmukoro1166 okay, I will work on that.
Thanks. Keep it up!
@@StoicismAspects It is my pleasure, thank you.
Thank you so much, You are the best TH-camr who explains this useful lesson in this clear and simple manner 👏✅🥇
@@web_dj7080 it is my pleasure.
Bro, work on your language clarification...I couldn't understand what you talk
@@m-mahmood okay, I will thank you.
Just completed thanks Clinton
It is always my pleasure, thank you for completing it. 🙏🏽
hello clinthon.. thank you for the tutorial, please, is the git repo private or publice (or any of them can be used on vercel)?
@@bemgbautor3463 Either private or public can be used.
@@CodeWithClinton thank you for the reply, do I have to include my virtual environment file on git before it can run on vercel?
@@bemgbautor3463 you don't need your virtual environment on git. What you need is the requirements.txt file. This file contains all the dependencies your project will require.
Where was i 9 months ago 🥺. Thanks Mr. this is so informative
@@pekariu1 you are welcome.
is it works with v1.5?
You mean Django 1.5?
@@CodeWithClinton nope, openai >1.5
@@AlexanderLetetski I am not sure.