- 80
- 200 852
CBI Analytics
เข้าร่วมเมื่อ 15 ก.ค. 2023
Welcome to the CBI channel! In my videos I cover topics related to Web Development and Business Intelligence. The emphasis is currently on building and deploying web applications using Python Django and React JS. My aim is to explain complex technical topics in a clear and concise manner, so that you understand technical concepts and learn more about technology! I hope you enjoy my content!
Django & React + Material UI Themes #5: Create and Edit Themes with a Color Picker!
In this new tutorial series we focus on Material UI themes in our Django React application. In this fifth and final video we create and edit Themes with a Color picker from react-color!
GitHub Repo: github.com/NickMol/Django-React-Themes
React-color: casesandberg.github.io/react-color/
Material UI Theme Docs: mui.com/material-ui/customization/default-theme/
MUI Docs: mui.com/material-ui/react-select/
#1: Adding a Custom theme to your app: th-cam.com/video/6feAzID2V4c/w-d-xo.html
#2: Switching between Light and Dark mode: th-cam.com/video/taVDKerJ-uc/w-d-xo.html
#3: Switch themes with select field: th-cam.com/video/lZ-x18sS-nA/w-d-xo.html
#4: Store themes in Backend Database: th-cam.com/video/KA4vbs_P5Fk/w-d-xo.html
GitHub Repo: github.com/NickMol/Django-React-Themes
React-color: casesandberg.github.io/react-color/
Material UI Theme Docs: mui.com/material-ui/customization/default-theme/
MUI Docs: mui.com/material-ui/react-select/
#1: Adding a Custom theme to your app: th-cam.com/video/6feAzID2V4c/w-d-xo.html
#2: Switching between Light and Dark mode: th-cam.com/video/taVDKerJ-uc/w-d-xo.html
#3: Switch themes with select field: th-cam.com/video/lZ-x18sS-nA/w-d-xo.html
#4: Store themes in Backend Database: th-cam.com/video/KA4vbs_P5Fk/w-d-xo.html
มุมมอง: 75
วีดีโอ
Django & React + Material UI Themes #4: Save Themes in Django Database & Apply to Frontend via API
มุมมอง 15414 วันที่ผ่านมา
In this new tutorial series we focus on Material UI themes in our Django React application. In this fourth video I show you how we can store themes in our backend database, bring that data to our frontend, and set the theme based on the database data. GitHub Repo: github.com/NickMol/Django-React-Themes Material UI Theme Docs: mui.com/material-ui/customization/default-theme/ Color codes: htmlcol...
Django & React + Material UI Themes #3: Material UI Select Form to Switch between Themes
มุมมอง 7521 วันที่ผ่านมา
In this new tutorial series we focus on Material UI themes in our Django React application. In this third video I show you how we can create a select field which enables the user to pick between multiple themes! GitHub Repo: github.com/NickMol/Django-React-Themes Material UI Theme Docs: mui.com/material-ui/customization/default-theme/ Color codes: htmlcolorcodes.com/colors/shades-of-green/ MUI ...
Django & React + Material UI Themes #2: Switching between a Light and Dark theme
มุมมอง 100หลายเดือนก่อน
In this new tutorial series we focus on Material UI themes in our Django React application. In this second video I show you how we can create a switch that changes the theme from a light mode to a dark mode! GitHub Repo: github.com/NickMol/Django-React-Themes Material UI Theme Docs: mui.com/material-ui/customization/default-theme/ #1: Adding a Custom theme to your app: th-cam.com/video/6feAzID2...
Django & React + Material UI Themes #1: Adding a Custom Theme to Our React JS Frontend
มุมมอง 216หลายเดือนก่อน
In this new tutorial series we focus on Material UI themes in our Django React application. In this first video I show you how we can add a custom theme to our React JS frontend. GitHub Repo: github.com/NickMol/Django-React-Themes Material UI Theme Docs: mui.com/material-ui/customization/default-theme/
Deploy a Django & React App on Render #6: Troubleshooting and Error Fixing of the Deployment
มุมมอง 127หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In this last video we focus on ways to troubleshoot your deployment. GitHub repository Frontend: github.com/NickMol/Render-Deploy-Tutorial-ReactJs-Code GitHub repository Backend: github.com/NickMol/Render-Deploy-Tutorial-Django-Code Docs Render Django: docs.render.com/deploy-django #1: Architecture of the Deploymen...
Deploy a Django & React App on Render #5: Deploying React JS App on Render (Static Site)
มุมมอง 398หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In the fifth video we do the full deploy process for our React JS frontend, meaning we change the code, push it to GitHub, and connect it to Render. GitHub repository Frontend: github.com/NickMol/Render-Deploy-Tutorial-ReactJs-Code GitHub repository Backend: github.com/NickMol/Render-Deploy-Tutorial-Django-Code #1:...
Deploy a Django & React App on Render #4: Deploying Python Django on Render
มุมมอง 232หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In the fourth video we are deploying our Python Django on the Render cloud portal. Deploy Django on Render Docs: docs.render.com/deploy-django GitHub repository of this code: github.com/NickMol/Render-Deploy-Tutorial-Django-Code #1: Architecture of the Deployment: th-cam.com/video/hTF7VDM-n2I/w-d-xo.html #2: Changi...
Deploy a Django & React App on Render #3: Pushing our Python Django Code to GitHub using Git
มุมมอง 1692 หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In the third video we are pushing our Python Django Source code to GitHub using Git. Deploy Django on Render Docs: docs.render.com/deploy-django GitHub repository of this code: github.com/NickMol/Render-Deploy-Tutorial-Django-Code #1: Architecture of the Deployment: th-cam.com/video/hTF7VDM-n2I/w-d-xo.html #2: Chan...
Deploy a Django & React App on Render #2: Changing our Django Backend Code for Deployment
มุมมอง 2892 หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In the second video we are modifying our Python Django Code so that it is ready for the deployment to Render! Deploy Django on Render Docs: docs.render.com/deploy-django GitHub repository of Django: github.com/NickMol/Render-Deploy-Tutorial-Django-Code #1: Architecture of the Deployment: th-cam.com/video/hTF7VDM-n2...
Deploy a Django & React App on Render #1: Architecture of our Web Application Deployment
มุมมอง 7182 หลายเดือนก่อน
In this tutorial series we are deploying our Django React application on Render. In this first video we explain the architecture of the deployment, which covers details on the app we deploy, discusses how we will deploy, and also explains the costs (FREE) of deployment and the things you need to follow along. Render: render.com/ Project that we will deploy: github.com/NickMol/Django-React-Calen...
Django React Dashboard App #10:Combi-Chart with Database Data using Material UI Charts
มุมมอง 3512 หลายเดือนก่อน
In this tutorial series we are creating a full stack dashboard application with Python Django in the Backend, and React JS in the frontend. In this 9th Video we use Material UI Charts to create a Line chart with database data. Material Ui Example chart used in this video:mui.com/x/react-charts/lines/ I have added the files I use during the video in my GitHub repository! GitHub repo: github.com/...
Django React Dashboard App #9: Line Chart with Database Data using Material UI Charts
มุมมอง 2163 หลายเดือนก่อน
Django React Dashboard App #9: Line Chart with Database Data using Material UI Charts
Django React Dashboard App #8: Stacked Bar Chart with Database Data using Material UI Charts
มุมมอง 2723 หลายเดือนก่อน
Django React Dashboard App #8: Stacked Bar Chart with Database Data using Material UI Charts
Django React Dashboard App #7: Creating a Donut Chart with Database Data using Material UI Charts
มุมมอง 2063 หลายเดือนก่อน
Django React Dashboard App #7: Creating a Donut Chart with Database Data using Material UI Charts
Django React Dashboard App #6: Create & Style Pie Chart with Database Data using Material UI Charts
มุมมอง 7593 หลายเดือนก่อน
Django React Dashboard App #6: Create & Style Pie Chart with Database Data using Material UI Charts
Django React Dashboard App #5: Get Django Database Data to the React JS Frontend
มุมมอง 5974 หลายเดือนก่อน
Django React Dashboard App #5: Get Django Database Data to the React JS Frontend
Django React Dashboard App #4: Creating Django Database Models and Importing our Data
มุมมอง 6664 หลายเดือนก่อน
Django React Dashboard App #4: Creating Django Database Models and Importing our Data
Django React Dashboard App #3: Frontend Page Navigation + Navbar with React Router Dom & Material UI
มุมมอง 6894 หลายเดือนก่อน
Django React Dashboard App #3: Frontend Page Navigation Navbar with React Router Dom & Material UI
Django React Dashboard App #2: Setting up the React JS Frontend and Django Cors Headers
มุมมอง 6234 หลายเดือนก่อน
Django React Dashboard App #2: Setting up the React JS Frontend and Django Cors Headers
Django React Dashboard App #1: Setting up the Python Django Backend
มุมมอง 1.3K4 หลายเดือนก่อน
Django React Dashboard App #1: Setting up the Python Django Backend
Django & React FullCalendar Tutorial #9: Adding Material UI Forms in our Modal to Create Events
มุมมอง 5985 หลายเดือนก่อน
Django & React FullCalendar Tutorial #9: Adding Material UI Forms in our Modal to Create Events
Django & React FullCalendar Tutorial #8: Open Modal when Clicking the Calendar
มุมมอง 3185 หลายเดือนก่อน
Django & React FullCalendar Tutorial #8: Open Modal when Clicking the Calendar
Django & React FullCalendar Tutorial #7: Add Links to Details Page in FullCalendar Events
มุมมอง 2685 หลายเดือนก่อน
Django & React FullCalendar Tutorial #7: Add Links to Details Page in FullCalendar Events
Django & React FullCalendar Tutorial #6: Add Date Filters for our FullCalendar
มุมมอง 2695 หลายเดือนก่อน
Django & React FullCalendar Tutorial #6: Add Date Filters for our FullCalendar
Django & React FullCalendar Tutorial #5: Add MultiSelect Filter in React FullCalendar
มุมมอง 3176 หลายเดือนก่อน
Django & React FullCalendar Tutorial #5: Add MultiSelect Filter in React FullCalendar
Django & React FullCalendar Tutorial #4: Change FullCalendar Event Colors Based on Data
มุมมอง 4026 หลายเดือนก่อน
Django & React FullCalendar Tutorial #4: Change FullCalendar Event Colors Based on Data
Django & React FullCalendar Tutorial #3: Passing Django Database Data to our React JS Calendar
มุมมอง 5936 หลายเดือนก่อน
Django & React FullCalendar Tutorial #3: Passing Django Database Data to our React JS Calendar
Django & React FullCalendar Tutorial #2: Using FullCalendar Views & View Switching with Buttons
มุมมอง 6076 หลายเดือนก่อน
Django & React FullCalendar Tutorial #2: Using FullCalendar Views & View Switching with Buttons
Django & React FullCalendar Tutorial #1: Overview and Basic Setup of FullCalendar
มุมมอง 2.4K6 หลายเดือนก่อน
Django & React FullCalendar Tutorial #1: Overview and Basic Setup of FullCalendar
I'm getting an error: raise AppRegistryNotReady("Apps aren't loaded yet.") django.core.exceptions.AppRegistryNotReady: Apps aren't loaded yet. when starting the gunicorn server
Thank you Mister, you're the GOAT.
great content
Thanks for the video.
I appreciate you for the playlist, may I expect a complete/full stack web development playlist?
Yes I already have some Django + React Tutorials. I will create a new series very soon which does Full Stack Django + React with all CRUD topics etc. If you have any specific things you want to see, let me know...
I appreciate you for the playlist, may I expect a complete/full stack web development playlist?
I have a question about the .production file. I set this to false but the build still happens when I push a change. I noticed I have an environment variable set in Azure with the same name and value as the production file - SCM_DO_BUILD_DURING_DEPLOYMENT = true which I'm guessing is overriding my .production file setting. No worries I thought, I'll just remove the one from Azure. When I do that though the deployment fails with can't find django in the log stream. Any ideas? Thanks you in advance for any help you can provide.
@@drummermike5150 when using SCM_DO_BUILD_DURING_DEPLOYMENT azure makes sure that packaging of your app is completely done for you. Meaning the installations, migrations and everything needed to make your app run. If you set it to false you need to do all of that yourself. Your app wont run in that case if you have not done that or forgot a step. Thats why i like to keep it to true, its much easier for me
please give this singer youtube chanal links
Nice vid! We're still waiting for your next short😮
Maravilloso, precisamente hace un par de semanas he querido ver algo como esto <3<3 Grandioso, había tenido problemas por querer tener el back y front desplegados y me costaba configurar bien la comunicación entre ellos <3 Esto vale ORO!!
everything went pretty smooth, nice video. my /admin isn't letting me login though with the env variables i use for the super user. i am however using my own app, so i wonder if it has anything to do with making my own custom user model.
the custom user was infact the culprit. make sure if you've edited your create superuser function, that you create the appropriate env variables. for example i got rid of the username field, so i only needed to add the email and password env variables.
excited to run this. i've never used render before.
@@champloosixsix I personally really liked it compared to other platforms
interesting, where did that backports package come from? i don't have that.
@Cbi Analytics I really enjoyed these series and appreciate your invitation for suggestions! I have an idea for a project that could be intriguing for your next build. How about creating a full-stack web application that involves building a data pipeline from an API, using Airflow or DBT for data ingestion? The project would start by setting up Airflow or DBT to regularly pull data from a dynamic and publicly accessible API, such as weather data, stock prices, or social media statistics. We could use Kafka for managing the stream of data and Redis for caching to enhance performance. The processed data could then be stored in a PostgreSQL database, well-suited for integration with Django.
Love the idea. I would probably do the ingestion and processing in Microsoft Azure because thats more familiare for me, definately going on my list
@@CBIAnalytics Thanks! I'm really looking forward to seeing how you tackle this project using Azure. It's definitely going to add an interesting layer to the build!
Dude you are saving me for school right now thank you so unbelievably much!!🥲🙌
Thanks for sharing your knowledge. You are a gem 😊
looks legit. Wonder if it'll work in September 2024?
It should! Later on I did another series on deploying a Django & React app on Azure (which also covers the complete Django part) and the configuration was very similar. I think they only slightly changed one setting to work a little bit different, but both should still work ;) Django + React deployment on Azure: th-cam.com/video/4Hk_wKCsRo0/w-d-xo.html
@@CBIAnalytics Oh, thanks man! Will have a watch at that😃
what if i have errors while i was installing 'npm i react-router-dom'. how can i solve this? T.T
awesome
Can u pls make the video of how to edit the event and also delete the event and then how to deploy the full application
I unfortunatly won't make a seperate video on that. But you can check my CRUD series on Django + React and try to incorporate that into this example!
how i deploy this?, on cpanel for example 🤔
@@cecla612 I have made several series on deployment of Django and React. Right now I have one to deploy on Render. But steps are very similar for deployment on other cloud platforms
Hi, thank's for publishing this series, it is very well detailed and explained. So, how do I display the error message This Email is already registered, in the FrontEnd?
Best way to do this is to create an API requests to find the user based on the email adress. If it returns a user with that email adress you can create a message in the same way as in video 15!
@@CBIAnalytics Great thank's for your reply!!!!
bad csv file. some of the dates are dd/mm/yyyy while others are d/mm/yyyy, having only one unit for the day. your setup for whatever reason has no issue handling this, but when you download the csv file from your repo, the entries with 2 units for the day shows up as ####### in the table.
actually, not sure that this is the cause. regardless, can't get db browser to allow me to write my supermarketsales data 😢
resolved the issue, the problem was an error i made. when copy/pasting over the data for the foreign keys i ended up creating a null line, so my id in it went 0, 2, 3. So BE CAREFULE! :'D
it "Import "rest_framework" could not be resolved" error occurs everywhere wherever i wrote rest_framework so how to fix it? plz tell me !
@@Animationcartt check if you installed Django Rest Framework correctly, and make sure you add it to your installed apps section in the setting.py file
@@CBIAnalytics thanks Sir
Can you pls make this playlist "date uploaded oldest" so that the videos are sorted from 1 to 10
I think it should display it correctly now!
Loving the memes in addition to the awesome contents
waiting for other parts. upload soon if you can.
me too
These series were amazing. I really enjoyed and learned a lot. However, I have one question - maybe I missed it, but how do we check if the email that is being registered is not already registered, and forbid that from ever happening?
I did not incorporate that, but you can do that by making an API request to check if the email already exists in our database, and display a message if it does
bro do you know anything about "power bi" embedded?
@@ricardojosemunozanaya2347 yes I do, great way to share a dashboard. However, if you want to keep it secure and have real time data you will have to spend quite some license costs. In general, I would only present basic insights in your app which help the user, and then have detailed Analytics reports in Power BI.
@CBIAnalytics I have some analysis quite advanced there and I would like to give them more functionality with web tools and react.js. if you know of good material I would appreciate it very much. greetings from colombia.
Nice content, but I am afraid that it registers none matching passwords
This is true that Django + React Js = Coding Chemistry but your's tutorial make this easy
thanks
This is great tutorial Sir!!! 💝
Sir! I wondering to find out the good and understandable tutorial of Django with React Js. I have well knowledge of Django and React Js but don't know how to use these frameworks together. I think I found out this tutorial. Hope, this tutorial will be great opportunity for me to learn new things and use these frameworks together... ♥💖
@@MuhammadMubeen-eu3wt thanks, i have done one on Django React before which explains all CRUD activities
i repeat your video until #7,, after a day, now i'm repeating again, but i can't see the consol.log at 9:00 ... so i tried to check what problems happpen by logging in backend admin,, but i can't even login admin page,,, T.T... i tried to again after reset admin email and Pw,, but the problem happens again,,, do you know what things are wrong?
my error message is : POST 127.0.0.1:8000/login/ 400 (Bad Request)
really loving it
great content thanks
GitHub link: github.com/NickMol/Django-Emails
this tutorial is really great and very helpful for understanding how to work django-react! there are some error by changing version of django and react,, but you can find out easily by googling.
very good !!!!
👍👍👍👍👍
Good Tutorial Video
if there is anyone can't install npm upper list, 'npm config set legacy-peer-deps true' and then 'npm i', and retry the command
加油!