ReactJS Admin Dashboard Open Source Project & Integration
HTML-код
- Опубликовано: 25 дек 2020
- Hey friends,
In this video we are going to work on the integration of an open source project admin dashboard written in ReactJS,
100+ ready to use customizable ui components
If video is good dont forget to like, share and subscribe for more such videos.
Digital Ocean Deployment Tutorial
• How to deploy a React,...
You can connect with me on social media sites.
Instagram: / riizzzwann
linkedin: / rizwankhan2
facebook: www. webscript.info
github: www.github.com/Rizwan17
youtube: / rizwankhandeveloper
You can support my work on patreon
/ rizwankhandeveloper
MERN Stack Series
• Mern Stack | Ecommerce...
Project Source Code
webscript.info/rizwan/coreui-...
react redux devtool basic setup code
webscript.info/rizwan/redux-d...
You have no idea how happy I am to have found this video. Thank you so much. Sending duaas your way.
Thank you so much my friend comments like this always improve my content productivity
This was an extremely well needed explanation for me as beginner in React!
Thanks a ton!
I hope you'll do a more in depth video about coreui-react, handling datatables, validations, and maybe removing redux all together & replacing it with contextApi etc..
How can I intergrate this with a reactnative app using firebase quick help please
I watched 5 mins of your video and subscribed your channel. You are gonna rock this series hopefully.
am gonna start watch ur MERN course, it looks very GOOD, thanks and keep it UP
Very nice tutorial! To be honest I usually have a hard time following tutorials by people with your similar accent but you made it easy to follow by going at a good pace and not skipping around a lot. I also cracked up every time you mentioned your old horrible UI 😂
Thank you Rizwan, you're the best. I followed your MERN project. T'was super-awesome.
Thank you so much bro
your admin dashboard was also fine , loved it
beautiful work. Thank you so much for your tutorial and explanation. It means a lot for everyone.
This is really really awesome. 💝💞 Frankly saying that I loved it.
Thank you so much for this tutorial. You saved my time.
I'm done watching this video yet....but thank you......you are saving lives out their bro
Thanks for this tutorial... Very easily explained and made simplified
Your welcome
just in time, I was just looking for an admin dashboard and you make a tutorial on it, thanks a lot!
Your welcome
@@RizwanKhanDeveloper sir please teach us angular also
No doubt the best channel on youtube for learning code. Rizwan sir love you 3000💝. you are best
Thank you so much it’s a huge motivation for future videos
I really appreciate this video. Thank you very much
it'z working thank you for making an awasome video to integrate
Thank you very much. Your video is very helpful for me.
U r always super bro. I don't have words to tell you. Ur doing a great work thank you so much for your time and efforts 👌👌👌🤝💐 💐💐
Thank you so much bro it’s a huge motivation for upcoming videos
thanks for reactjs series, thank you for all your effort
Great video man!
Great Tutorial..............Thanks a lot.
well explained very very useful
Best Reactjs Tutorial
Great tutorial Rizwan. Quick question, How can I remove the coreui react.js logo?
Thank you for detailed guide
You are welcome
Awesome Work Bro. Kindly integrate this with MERN FLIPKart project
Great Man !!
when you integrating the repo (cloning) with your project folder is there any script version connectivity issue or not and also what about old cache of log file
Great job! Could you create a follow up video showing how you could modify the containers and body content with data coming from a DB (mysql)? Obviously the chrome elements are meant to be data-driven.
where you able to find a way?
@@oludedavid9706 Exactly my thought. Did you find a way ?
Good job bro
You made this video very nice. I have integrated a whole template by watching your video. Thanks you so much.
Can you make one video on redux, why we need redux store and how we use it to store states, add data into states, update,delete operations as well.
great explanation
Good explanation @Rizwan
I have a question
Is coreui-free-react-admin-template is free to use for commercial purpose or we need any licensing ?
I know if we go with coreUI-PRO we should go through licensing but what about free react template
Good job sir!
Awesome
Can you tell me the build criteria for built in template
because npm run build throws an error
NICE!! this was really helpful
PS I was waiting for the "and I'm not a terrorist" line
jk jk :P
rizwan bahi good ho gya
Awesome!
Awesome bro 👍😎
Thanks bro 😎
Hello I am trying to link my own icons but it is not display
icon:
Best ideas and tutorial, I'm start follwing you..Sir, Hope more complete projects coming from you.
Absolutely
thanks bro, question in the actions, the dispatch(push dont work can you help me why isnt work?
example of my code:
if (body.ok) {
Swal.fire('Éxito', 'Modulo actualizado', 'success')
dispatch(push('/modules'))
}
Hi sir, I have went the cheaderbrand but I am unable to change logo in coreui logo. Could you please help with that
Thank you so much for this tutorial. How do I get started with the login page?
Thx for the videos, could you tell me how can i change the "title" for this template?
hi, great tutorial! I wanted to ask you if you could do a tutorial on how to add an excel table where you can import and export data
Does it allow reordering the charts around the dashboard
How to create chart (bar/line) graph, after selecting values from Drop-down from api?
Hello can you please share further dashboard implementation along with the MERN stack admin dashboard
Is it possible if we use the same template for Building Razor Apps?
Amazing! Thanks a lot. Could you do a registration / login tutorial with firebase? I would appreciate it :)
I already have a login and registration with firebase tutorial video in my channel
Playlist Name: ReactJS Firestore Chat App
@@RizwanKhanDeveloper thanks for the reply! my problem is that with core ui it is difficult for me to integrate in firebase and have the login / register. That's where my comment comes from :). Have a happy new year
Hello. How can I run this locally on my machine please? I tried downloading your code run npm i and then gulp serve but nothing happens
Its very helpful video thank you Rizwan. Doing good job.
Just a small suggestion if you can keep language hindi for video that would feel more familiar and friendly as now a days people feel familiar with hindi tutorial videos..
Thank you for your suggestion I will keep in mind
@@RizwanKhanDeveloper Please don't, when I found your video I was hoping it's in English before I clicked it!
I'm not Indian so it would've been impossible for me to learn anything from it!
Obviously you can reach and help a lot more people if you keep your videos in English!
Most Indians understand English very well anyway so it's a win win I guess :)
Why do we make dashboards in ReactJS? If we have already made a file in the component folder, then why do we need a dashboard?
bro ./src/routes.js
Module not found: Can't resolve './views/products/AddNewProducts' in '/home/sara/react-admin-dashboard/src'
what are error i can't identify
tell me bro
Dear Rizwan- is there any simple solution for this please? We are preparinf v2 of my tennis training app but I was told I can host all on Amazon hosting (video tutorials) - I have a template of the app but need some kind of “control panel” right? What would be the easiest solution for this please any tips? I think app is in flutter or ionic (2 options I can choose I think) but basically need a back end as the one they sell is way too expensive... Thanks
It's wonderful but I want to remove prettier formattting how can do that??
Sir can you plz help me how to create two dashboards in the coreui react js template.
hi rizwan good job, can you integrate this dashbord admin with the last e-commerce website ? if you went
I will update source code
@@RizwanKhanDeveloper thanks you very much
@@RizwanKhanDeveloper yes please.. that would be great..
we need more videos for editing in core ui react admin dashboard theme
login registration with node and mysql ?
Mr Rizwan thanx for this incredible tutorial, I asked you a question in MERN series, I had an issue that stopped me from continuing,
app.listen(process.env.PORT, () => { console.log(`Server is running on port ${process.env.PORT}`);});
when I check in the CP it gives this message
Server is running in port $ process.env.PORT
and even the line $ process.env.Port is not highlighted in the editor
can you help please
Try to log only process.env.port
How do you add in exsiting project laravel ?
Hey can you please tell me how to change logo in v4 I searched for it but the solution is working for v3 only.
Sir , please explain how to consume get/post/push/dele api with this theme ?
Hi Razwan, I made it 900 likes 🥳🥳🥳, an awesome video here... I hope I could reach out to you if I have any questions?
chaa gaya guruuuuuuuuuuuu
Thank you Paji
sir if you could do a tutorial teaching how to change the themes and colors thank you
when are you going to continue the video cos i try routing with the private route and is not working thanks
There is no scource of these code I can't see any code in the GitHub account
can't find your mern begginner series please share link
what are you vscode theme used?
Hallo I'm getting an error "prettier/prettier" keeps telling me to delete CR..kindly help
Hi bro. i loved your effort.Why i can't able to install npm globally.it shows an error
I have to develop a student registration system. In which students can enroll in multiple courses or degree program and admin can manage students and courses. Can you recommend any react theme for this ?
I have applied for a company they want me to build this whole UI from scratch 🤦♂️ as a assessment. Should i do it or not and who builds a template which is already existing
I have done what you said and I am getting the following error. Any Idea?
Failed to compile.
src\_nav.js
Line 3:1: Delete `·` prettier/prettier
Line 4:15: Delete `⏎` prettier/prettier
Line 8:1: Delete `·` prettier/prettier
Line 10:24: 'cilSpeedometer' is not defined no-undef
Line 14:4: Insert `·` prettier/prettier
Line 16:2: Delete `;⏎` prettier/prettier
Line 20:1: Delete `⏎` prettier/prettier
Search for the keywords to learn more about each error.
How to do complaint page and details page in react js
I have problem with main content to make dynamic😕
@rizwan are you available for projects? G
How do I contact you?
If we want to show icon after click on collapse what will be the solution?
Sidebar will not completely close
Just find the right component by inspecting through it and place the icon
bhai, Next js asbe kobe ?
Hi, how to editor A-Z ?
Hi Rizwan I am sorry that I am asking my question under this video . My question is about the php ecommerce back in 2019 . Do you know how can I post the product description from the backend , to front to appear under the product image . As well inside the admin panel when I try to delete admin account it doesn't delete the acc from the db .. How can I fix this ? Thank you .I subscribed , I will donate
I guess I already have description field in database but I am not displaying it in front end so if you want to display then you need to create a new page for product description and then show description over there. 2. If admin has added something then you can not delete that admin as it is used as foreign key in other table so first you need to empty other table then only you can delete admin
@@RizwanKhanDeveloperUr very cool dude thanks for the fast reply , I will be in touch .
recommendation: add a time stamp ...!!!
Provide source code bro
It's really Good Tutorial
Bro pls upload a new video in your mern project playlist. I am waiting for it eagerly pls upload it.
What are you waiting for ? Mention that also
@@RizwanKhanDeveloper for a online payment method in the mern project using payubiz our any other payment option. Pls upload it.
@@experience6629 Sure
06:55 git hub
welleh ridohak zare6
10:50 hash router
Bro Flipkart payment gateway?
Coming soon
Your source file is three elements is not react.
not working
github repo please, Thanks
Usman kah Pakistan CSS
yar koi angraiz nahii dekhy ga apki video ko lihaza urdu ya hindi bola kren
When I run npm install I get lots of errors