- 204
- 701 779
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.
Django and React Project #14 - Deleting Blog Posts
In Episode 14 of this Django and React Blog Project series, we implement the functionality to delete blog posts. Learn how to set up the backend endpoint in Django and handle the delete action seamlessly in React. By the end of this tutorial, you'll have a complete delete feature integrated into your blog application.
มุมมอง: 42
วีดีโอ
Django and React Project #13 - Updating Blog Posts using Modals
มุมมอง 1109 ชั่วโมงที่ผ่านมา
In Episode 13 of our Django and React blog app series, we add functionality to update existing blog posts. We incorporate a modal form for editing by displaying an edit pen icon for each post. Watch as we adapt the CreatePostPage to handle updates seamlessly and make efficient update requests to the backend. By the end of this episode, your app will support dynamic blog post updates and have a ...
Django and React Project #12 - Creating New Blog Posts
มุมมอง 15921 ชั่วโมงที่ผ่านมา
In Episode 12 of our Django and React blog app series, we focus on building a complete blog post creation system. Learn how to set up a form using React Hook Form, implement robust validation, and send form data to the backend using React Query. We also explore how to append image files using FormData and enhance the user experience by adding a loading indicator during the blog post creation pr...
Django and React Project #11 - Managing User Authentication, Login and Logout
มุมมอง 16414 วันที่ผ่านมา
In Episode 11 of our Django and React blog app series, we dive deeper into user authentication and state management. Learn how to fetch the logged-in user's username from the backend API, handle token-based API requests, and determine user authentication status. We also explore how to persist the authentication state (e.g., isAuthenticated and username) across page reloads, implement user logou...
Django and React Project #10 - JWT Authentication
มุมมอง 21214 วันที่ผ่านมา
In Episode 10 of our Django and React blog app series, we implement a robust login system with JWT authentication. Starting with setting up the create post and login pages, we introduce a protected route component to secure specific pages. On the backend, we configure Django to handle JWT authentication seamlessly. Learn how to log users in, validate their credentials, and redirect them back to...
Django and React Project #9 - Users Registration
มุมมอง 21121 วันที่ผ่านมา
In Episode 9 of our Django and React blog app series, we bring user registration to life. Learn how to set up a responsive sign-up page, validate user inputs effortlessly with React Hook Form, and handle form submissions to the backend. By the end of this episode, your app will have a complete user registration system, combining frontend efficiency with backend power. Source Code for Episode 9 ...
Django and React Project #8 - Rendering Data on the Blog Detail Page
มุมมอง 18521 วันที่ผ่านมา
In Episode 8 of our Django and React blog app series, we focus on displaying detailed information about a blog post. Learn how to fetch specific data from the backend, manage dynamic routing, and render blog details beautifully on the frontend. By the end of this episode, your blog detail page will be fully functional and ready to display real-time content. Source code - Episode 8: github.com/C...
Django and React Project #7 - Adding Pagination
มุมมอง 9521 วันที่ผ่านมา
In Episode 7 of our Django and React blog app series, we enhance the functionality of our app by implementing pagination for the data fetched in Episode 6. Learn how to break down large datasets into manageable pages, ensure smooth navigation, and create a better user experience. By the end of this episode, your app will be optimized to handle and display data efficiently with Django and React....
Django and React Project #6 - Data Fetching with React Query
มุมมอง 15021 วันที่ผ่านมา
In Episode 6 of our Django and React blog app series, we take a crucial step forward by fetching data from the Django backend using React Query. Learn how to manage API calls efficiently and implement a loading spinner for a seamless user experience. By the end of this episode, your app will dynamically display backend data, with professional-grade data fetching and state management. Episode 6 ...
Django and React Project #5 - Connecting Django with React
มุมมอง 21628 วันที่ผ่านมา
We focus on integrating Django with React in Episode 5 of our full-stack blog app series. Watch as we set up Django to serve as the backend and connect it with the React frontend, laying the groundwork for seamless communication between the two. This essential integration bridges the gap, preparing the app for dynamic data handling in the next episode. Episode 5 Source Code: github.com/CodeWith...
Django and React Project #4 - Adding Dark Mode and Light Mode Themes
มุมมอง 135หลายเดือนก่อน
In Episode 4 of our Django and React blog app series, we implement a dynamic dark mode and light mode theme. Learn how to toggle between themes, manage user preferences, and style the app for both modes using Tailwind CSS. By the end of this episode, your blog app will offer a modern, user-friendly appearance with theme-switching capabilities that enhance the user experience. Episode 4 Source C...
Django and React Project #3 - Building Pages and Routing with React Router
มุมมอง 168หลายเดือนก่อน
In Episode 3 of our Django and React full-stack blog app series, we focus on creating the core pages and setting up navigation. We start by building the HomePage, DetailPage, and ProfilePage to structure the blog app. Next, we configure the app layout for consistency and implement seamless routing using React Router. You'll learn how to add NavLinks for better navigation and manage routing effi...
Django and React Project #2 - Building the Core Components
มุมมอง 242หลายเดือนก่อน
In Episode 2, we focus on building the essential components for our blog app. Starting with a quick recap, we create and style the navbar, make it responsive, and design the banner. Next, we build the blog card and container components to display posts effectively. We complete the frontend with a footer and personalize the app by adding a custom favicon and title. By the end, you’ll have a well...
Django and React Project #1 - Introduction and Project Setup
มุมมอง 714หลายเดือนก่อน
In this first episode, we kick off our full-stack blog app project with an introduction to the tech stack: Django, React, Tailwind CSS, and ShadCN UI. Follow along as we set up the frontend environment with React, configure Tailwind CSS for stunning styles, and integrate ShadCN UI for modern, pre-styled components. Let's lay the groundwork for a project that you'll be proud to showcase! Source ...
New Course Alert - Django and React Project 2025
มุมมอง 485หลายเดือนก่อน
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’...
Django REST Framework Tutorial #7: Paginating the Blog List
มุมมอง 283หลายเดือนก่อน
Django REST Framework Tutorial #7: Paginating the Blog List
Django REST Framework Tutorial #6: Updating Users Profile
มุมมอง 273หลายเดือนก่อน
Django REST Framework Tutorial #6: Updating Users Profile
Django REST Framework Tutorial #5: List, Update, and Delete Blog Posts
มุมมอง 222หลายเดือนก่อน
Django REST Framework Tutorial #5: List, Update, and Delete Blog Posts
Django REST Framework Tutorial #4: Serializers, Views, and Creating Blog Post
มุมมอง 265หลายเดือนก่อน
Django REST Framework Tutorial #4: Serializers, Views, and Creating Blog Post
Django REST Framework Tutorial #3: Django Models Setup
มุมมอง 302หลายเดือนก่อน
Django REST Framework Tutorial #3: Django Models Setup
Django REST Framework Tutorial #2: User Registration & JWT Authentication
มุมมอง 627หลายเดือนก่อน
Django REST Framework Tutorial #2: User Registration & JWT Authentication
Django REST Framework Tutorial #1: Project Setup & Custom User Model
มุมมอง 598หลายเดือนก่อน
Django REST Framework Tutorial #1: Project Setup & Custom User Model
Django and React Projects for Beginners - Build a Quiz App
มุมมอง 9872 หลายเดือนก่อน
Django and React Projects for Beginners - Build a Quiz App
Django and React Ecommerce Web App - Build and Deploy E-commerce site with Django and React
มุมมอง 11K3 หลายเดือนก่อน
Django and React Ecommerce Web App - Build and Deploy E-commerce site with Django and React
How to Deploy a Django and React Web App
มุมมอง 1.3K3 หลายเดือนก่อน
How to Deploy a Django and React Web App
Django and React Project for Beginners - Build a FullStack Notes App
มุมมอง 16K5 หลายเดือนก่อน
Django and React Project for Beginners - Build a FullStack Notes App
Build a Full Stack Web App - Django and React Project 2024
มุมมอง 4.6K6 หลายเดือนก่อน
Build a Full Stack Web App - Django and React Project 2024
Build a Blog with Django and Tailwind CSS
มุมมอง 1.1K7 หลายเดือนก่อน
Build a Blog with Django and Tailwind CSS
Django Rest Framework Full Course 2024
มุมมอง 2.4K9 หลายเดือนก่อน
Django Rest Framework Full Course 2024
Django Roadmap for 2024 - (Beginners to Advance)
มุมมอง 1.5K10 หลายเดือนก่อน
Django Roadmap for 2024 - (Beginners to Advance)
nice
@Muhammadazaanul78 thank you.
@@CodeWithClinton brother can you bring some youtube and instagram and e-commerce clone with same technologies React + Django + React-Query + Tailwindcss
i like to host my react and django rest framework and mysql sever for can you makea video for that i am looking for that long days please
@@anime_vibee the deployment tutorial I have is on dbSqlite 3.
@@CodeWithClinton can you make video for mysql and drf deployment please
Thanks for video. And when i push to Vercel. It show error " Error: No Output Directory named "staticfiles_build" found after the Build completed. You can configure the Output Directory in your Project Settings.". Please help me
Try creating a folder called "staticfiles_build" in your project's root directory.
am learning better using the videos . thanks so much. please @Clinton, where is the source code link? thank a lot for the response in advance
Here is the link to the source code: github.com/CodeWithClinton/DRF_Tutorial
sir ur paste the codes how to i follow ur codes ??
@@goviprasath1205 the source is in the description.
@@CodeWithClinton but i have to pay i dont have money sir!
Great work my brother , i was looking for this type of combination of technology finally after so many days of searching i got what i needed, React + Django and reactquery, thank you soo much bro , please use React-query in every project , i love you bro
@Muhammadazaanul78 you are welcome.
are u using for database? db sqltie3
I used db sqlite3.
"""""""raise ImproperlyConfigured("Error loading psycopg2 or psycopg module") django.core.exceptions.ImproperlyConfigured: Error loading psycopg2 or psycopg module """" I am getting this error any fixes??
Use psycopg2-binary instead.
@@CodeWithClinton thanks it worked ☺️
@revanthsai_05 you are welcome.
When i try to execute this then i have been facing an issue like ModuleNotFoundError: No module named 'debadrita/ten_brain_research/project/brain'. please help me
Create a virtual environment and make sure Django is installed inside the virtual environment.
sir why did you skipped the bootstrap contents?
@@gPrabhu-dp9uz The aim of the tutorial is to learn react and not bootstrap.
Hello I want to start learning django could you tell me where to start from your youtube
Look out for Dennis Ivy TH-cam channel, he has more detailed Django courses.
@CodeWithClinton thank you
Thank you, it really helped me deploy my first React vite with django app. Keep it up!
@@wojtekdolibog9793 you are welcome.
The mkvirtualenv myvotenv doesn’t work on my Linux terminal. It keeps saying command not found. I tried all step but not working
Lookup the command for Linux, mkvirtualenv majorly works on windows machine.
@@CodeWithClinton okay Thanks a lot, it was helpful ☺️
@fatmazahidkhan2134 you are welcome.
Just the channel I needed!! great content!!
@@robertosantiago704 thank you.
bangali
Thank you.
It worked but hw am I going to migrate the Postgress database
Does the project have a database? Thanks for the greate work
Yes it does.
best tutorial thank you
You're welcome.
thankyou
You're welcome.
Thanks brother 😊
You are welcome.
i am not able to get the source code
@@manyamharsha4973 what issue are you facing?
It says that it is going to take me to my bank website to verify but it opens an empty webpage
@manyamharsha4973 okay, do well to try again.
Mate your tutorial > How to Build a Real Time Chat App with Django - part 1. < I am wanting to add a block this user functionality to it. Can you please show me how I do this ?
I can't show you here.
Hey, Clinton! Nice course man! I would like to follow your idea and build something cool to be my portfolio based on this. Don't know if shadcn updated those days. Having problems a lot to config. Already watched videos installing shadcn with onlyJS but all are 7+ month posted and doesn't work properly. I'll try to use bootstrap instead, or only tailwind.
@@joshuamesquita6484 with this video you will learn how to configure shadcn using JavaScript.
I really love the way you teach, you are a mentor
@@atoyebifemi196 thank you so much.
please share your source code
The source code is in the last episode.
please share you source code
The source code is in the last episode.
I cant find yhe pinned tweet
@@excelakachukwu2660 Look out for my comment in the comments section.
Hi bro, what happened to the registration page
I skipped it to prevent the video from been too long.
Ive been following this project the last few days, theyre very helpful thank you. Will you be covering the deployment to render/heroku in the future for it?
@@iangarrigan9451 yes I will.
@@CodeWithClinton
im really enjoying you sir i love taking your classes, this came at the right time
It is my pleasure, thank you.
Plz upload video regular
New episode tomorrow.
@@CodeWithClintonok sir ❤
Jah bless bro. Nice tutorial
@@josephkibe600 you are welcome.
Could you please provide the code for the diango backend? Thank you!
I have added it to the video's description.
I am facing an issue ,whenever I run command npx shadcn@latest init , it throws an error no import alias found in your tsconfig.json file. But we are working on js
@@prakhargupta4604 follow the steps carefully.
Just found what i was looking for thanks keep creating such good and amazing projects
It is always my pleasure, thank you.
make some advanced project based videos using Django REST Framework
I will work on that, thank you.
make some advanced project based videos using Django REST Framework
I will, thank you.
love from 🇧🇩🇧🇩
Thanks for the love.
Thats what we need, a clear,logical, descriptive and easy to understand tutorial, Thanks
You are welcome!
You made it happen. Hoping you will consider that of private too
Noted bro.
Very helpful, Thanks for this
@@PabloOrtiz-g6v you are welcome.
Keep going bro, we appreciate all the hard work. Can't wait to get started with this
Thank you.
You are a legend !!
Thank you.
I am following
Thank you.
Do you have any django community I can join
Great tutorial so far! For the next episode, I’d really appreciate it if you could implement email confirmation during user registration using the Simple JWT token feature, without relying on Djoser. It would be super helpful to see how to integrate JWT for sending confirmation emails and completing the registration process. Looking forward to more detailed insights on securing user sign-ups! Thanks for the great content and your awesome channel! 🙌
Noted, thanks for the kind words
Clinton, will you make a tutorial on how to use a real domain name you've purchased and use PostgREST for storing products on a site deployed on Render? It would be awesome!
Please, sir, kindly put the section of reset password if possible
Noted.