Rizwan Khan
Rizwan Khan
  • 267
  • 6 276 799
Admin Dashboard Project and Free Source Code developed using React NextJS
I have created this excellent and straightforward one-step integration admin dashboard for you with love using NEXTJS
It's a simple and easy-to-use project with all the pre-written UI components. you have to import components and you are good to start using it. :)
It's an experimental but ready-to-use project. please provide feedback in the comment section below
If the video is good don't forget to like, share and subscribe for more such videos.
Digital Ocean Deployment Tutorial
czcams.com/video/My3c4IQHq_Y/video.html
You can connect with me on social media sites.
Instagram: riizzzwann
Linkedin: www.linkedin.com/in/rizwankhan2/
Facebook: www. webscript.info
Github: www.github.com/Rizwan17
CZcams: czcams.com/users/rizwankhandeveloper
You can support my work on Patreon
www.patreon.com/rizwankhandeveloper
MERN Stack Series
czcams.com/play/PLB_Wd4-5SGAYsxD4JGaVdXll3PnoyI-AM.html
Project Source Code
webscript.info/rizwan/aio-free-admin-dashboard-project-developed-on-nextjs-64579c52a5aaf
react-redux devtool basic setup code
webscript.info/rizwan/redux-dev-tool-extension-basic-setup-for-state-monitoring-5fe63204d3f09
zhlédnutí: 11 024

Video

Build an Emoji with Moving Eyes using HTML CSS Javascript
zhlédnutí 2,2KPřed rokem
Hi Everyone, Build an Emoji with Moving Eyes using HTML CSS Javascript, Subscribe for more such tutorials, Source Code www.webscript.info/p/621 html css javascript project, learn html, learn css, learn javascript, web project, mousemove, mouse event, html tutorial, learn js, javascript course, html web page examples with source code, html course, web development projects, html projects, html tu...
Frontend Interview Experience - Paytm - JavaScript and ReactJS Interview Questions
zhlédnutí 15KPřed 2 lety
Frontend Interview Experience - Paytm - JavaScript and ReactJS Interview Questions Today I am sharing my Pay Frontend software engineer interview experience. Please put your opinion in the comment section and feel free to ask anything More Interviews webscript.info/interest/interviews HTML CSS Crash Course in 1 Hour czcams.com/video/D4JJQvB7xPA/video.html Git Tutorial For Beginners czcams.com/v...
NextJS Project Tutorial - User Profile Page Server Side Rendering (SSR) - 19
zhlédnutí 4,3KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial, I will be discussing User Profile Page Component and How to render it from server side and why do we need to render user profile page from server side. NextJS Project Tutorial - User Profile Page Server Side Rendering (SSR) - 19
NextJS Project Tutorial - News or Blog Page SSR - 18
zhlédnutí 1,4KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial I will be creating a news or discription of our project using server side rendering (SSR). NextJS Project Tutorial - News or Blog Page SSR - 18
NextJS Project Tutorial - Post List Page - Incremental Static Regeneration - 17
zhlédnutí 1,1KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial we will be learning how to fetch data statically using getStaticProps and updating static html page by using ISR (Incremental Static Regeneration) method.
NextJS Project Tutorial - Submit Post with image, Middleware in nextjs & create Api - 16
zhlédnutí 9KPřed 2 lety
Hey Friends, In this Nextjs Project Tutorial, I will be discussing how to use form, preview image, submit form with data and also post create api NextJS Project Tutorial - Form Submit & Create Post Api - 16
NextJS Project Tutorial - Logged In User Still See Sign in Page - Fixed - 15
zhlédnutí 1,7KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial video we will add fix for logged in user still see sign in page for few mili seconds
NextJS Project Tutorial - Protecting User Routes - 14
zhlédnutí 11KPřed 2 lety
Hey Friends, In this NextJS Project Video Tutorial we will be discussing how to protect user authenticated routes NextJS Project Tutorial - Protecting User Routes - 14
NextJS Project Tutorial - State Management using react hooks - 13
zhlédnutí 3,4KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial I will be discussing how to maintain global state management using react hooks I will show you 1 - how to create reducer using useReducer, 2 - how to create store using context api, 3 - how to dispatch action in a component Code Snippet Link webscript.info/rizwan/state-management-using-react-hooks-api-61c845c1148e7 NextJS Project Tutorial - State Man...
NextJS Project Tutorial - User Authentication using JWT - 12
zhlédnutí 12KPřed 2 lety
Hey Friends, In this Nextjs Project Tutorial we will be discussing user authentication using json web token.... Please like share and Subscribe NextJS Project Tutorial - User Authentication using JWT - 12
NextJS Project Tutorial - User Signup using Signup Api - 11
zhlédnutí 2KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial we will be discussing about User Signup Form, Signup Response Validation, Moduler and Safe Code. NextJS Project Tutorial - User Signup using Signup Api - 11
NextJS Project Tutorial - User Signup Api - 10
zhlédnutí 2,4KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial we will be discussing about user signup api. we are going to use mongodb database for storing user record and bcrypt for password hashing and some useful code pattern. NextJS Project Tutorial - User Signup Api - 10
NextJS Project Tutorial - Database Setup and Mongodb Connection - 09
zhlédnutí 2,8KPřed 2 lety
Hey Friends, In this Nextjs Project Tutorial we will be discussing about database setup and mongodb database connection using mongoose NextJS Project Tutorial - Database Connection Mongodb using Mongoose - 09
NEXTJS Project Tutorial - Api Routes - 08
zhlédnutí 1,4KPřed 2 lety
Hey Friends, In this NextJS Project Tutorial Video we will be discussing nextjs api routes and different types of middleware NEXTJS Project Tutorial - Api Routes - 08
NextJS Project Tutorial - Data Fetching with getServerSideProps - 07
zhlédnutí 1,7KPřed 2 lety
NextJS Project Tutorial - Data Fetching with getServerSideProps - 07
NextJS Project Tutorial - Server Side Rendering with getStaticProps and getStaticPaths - 06
zhlédnutí 2,6KPřed 2 lety
NextJS Project Tutorial - Server Side Rendering with getStaticProps and getStaticPaths - 06
NextJS Project Tutorial - Dynamic Routing, Route Segment, Slug - 05
zhlédnutí 18KPřed 2 lety
NextJS Project Tutorial - Dynamic Routing, Route Segment, Slug - 05
NextJS Project Tutorial - Project Layout Setup - 04
zhlédnutí 2,2KPřed 2 lety
NextJS Project Tutorial - Project Layout Setup - 04
NextJS Project Tutorial - Page Routing, Styled Component, Layout - 03
zhlédnutí 3,8KPřed 2 lety
NextJS Project Tutorial - Page Routing, Styled Component, Layout - 03
NextJS Project Tutorial - Project Detailed Introduction - 02
zhlédnutí 3,6KPřed 2 lety
NextJS Project Tutorial - Project Detailed Introduction - 02
NextJS Project Tutorial - NextJS Introduction - 01
zhlédnutí 12KPřed 2 lety
NextJS Project Tutorial - NextJS Introduction - 01
ReactJS Project Music Player App - Final 03
zhlédnutí 3,8KPřed 2 lety
ReactJS Project Music Player App - Final 03
ReactJS Project Music Player App | Audio API | - 02
zhlédnutí 4,4KPřed 2 lety
ReactJS Project Music Player App | Audio API | - 02
ReactJS Project Music Player App - 01
zhlédnutí 16KPřed 2 lety
ReactJS Project Music Player App - 01
BYJU'S Software Engineer Interview Experience | Front End Role
zhlédnutí 6KPřed 2 lety
BYJU'S Software Engineer Interview Experience | Front End Role
Facebook Clone Home Page using HTML & CSS | Responsive Design
zhlédnutí 10KPřed 2 lety
Facebook Clone Home Page using HTML & CSS | Responsive Design
HTML & CSS Tutorial for beginners in 1.30 hr | 2022
zhlédnutí 1,1KPřed 2 lety
HTML & CSS Tutorial for beginners in 1.30 hr | 2022
Git Tutorial for Beginners | Create | Reset | Merge | Resolve | Fork | PR
zhlédnutí 736Před 2 lety
Git Tutorial for Beginners | Create | Reset | Merge | Resolve | Fork | PR
Happy Independence Day 2021 | ONLY HTML AND CSS
zhlédnutí 1,2KPřed 2 lety
Happy Independence Day 2021 | ONLY HTML AND CSS

Komentáře

  • @BhavnaGuatam
    @BhavnaGuatam Před dnem

    but please i am able to make build on this please help

  • @alonecoder99
    @alonecoder99 Před 2 dny

    are bhai ye bato me apne project me esko kese implement karu

  • @zaidan5796
    @zaidan5796 Před 16 dny

    I'm getting validation error for both my login and registration forms, it validates the first 2 fields for email and name. It also refuses to accept valid gmail address calling it invalid. I've looked over the code for hours and i don't see any difference between what you did and what i did

  • @attarahman7049
    @attarahman7049 Před 28 dny

    Yeh project urdu me available hai?

  • @CMastery-pv7gj
    @CMastery-pv7gj Před měsícem

    Sir source code link is not working

  • @hridoykhan1782
    @hridoykhan1782 Před měsícem

    Awesome

  • @dora_dora134
    @dora_dora134 Před měsícem

    unable to open source code for this project. Is the link provided working? Can anyone help me with this?

  • @sakshamjain3117
    @sakshamjain3117 Před 2 měsíci

    can you provide the code because the categories are not added from database and i write exact the same code you wrote

  • @aniketshrivastava5926
    @aniketshrivastava5926 Před 2 měsíci

    Sir can you provide us the github link of the project

  • @AgunbiadeAdemola-ic2wc
    @AgunbiadeAdemola-ic2wc Před 2 měsíci

    can I see the package of this tutorial to download? I stock at AddToCart in this tutorial.

  • @user-vh8qq5wq8n
    @user-vh8qq5wq8n Před 2 měsíci

    don't think that I don't know anything. yay! hahaha nice vid bruh

  • @honourableman
    @honourableman Před 2 měsíci

    not able to open website

  • @abelojong6735
    @abelojong6735 Před 3 měsíci

    why I cannot download this source code

  • @lindatochukwu3081
    @lindatochukwu3081 Před 3 měsíci

    pls how do i get the github link to this project?

  • @hemanthsarath6117
    @hemanthsarath6117 Před 4 měsíci

    I got output and i register page i fill all detail but its loading

  • @mahmudulalam8138
    @mahmudulalam8138 Před 4 měsíci

    Asslamu alaikum Rizwan vai, facing problem in 14:42 second name validation is not working Plz help

  • @peachythegreat8945
    @peachythegreat8945 Před 4 měsíci

    Thank you for such an informative video. You are a great teacher. Please keep up the good work !! :"))

  • @kentnuqui20
    @kentnuqui20 Před 5 měsíci

    Thank you sir Rizwan Khan. Anyone still having problem or issue? just comment here your email i'll provide the instruction for you guys! :)

  • @christiandavid7824
    @christiandavid7824 Před 6 měsíci

    Hello Sir. This is a timely help to me. Thank you very much.

  • @user-ip4bx8zs3n
    @user-ip4bx8zs3n Před 6 měsíci

    nice tutorial! 😽

  • @shrilakshmi1740
    @shrilakshmi1740 Před 6 měsíci

    Hi can you have a interview for backend developer at byjus

  • @jangiramit9865
    @jangiramit9865 Před 6 měsíci

    ❤❤

  • @adityadond
    @adityadond Před 7 měsíci

    All goood so far. Understanding every bit. That a lot Rizwan

  • @iyaehsan3840
    @iyaehsan3840 Před 7 měsíci

    I am using Switch for routing as shown in the video but it isnt working, anyone know why?

  • @AmirhosseinMehrvarz
    @AmirhosseinMehrvarz Před 7 měsíci

    Nice job

  • @arumugammugam1864
    @arumugammugam1864 Před 7 měsíci

    Inventory billing app(web) Front-end: Reactjs Back-end: Nodejs Database: MongoDB how to create this project help me bro pls

  • @arumugammugam1864
    @arumugammugam1864 Před 7 měsíci

    Inventory billing app(web) Front-end: Reactjs Back-end: Nodejs Database: MongoDB how to create this project help me bro pls

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    DONE 18:25 create category controller 20:30 create admin middleware for creating categories 37:42 create category function on get category

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    DONE

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    DONE authorization page 5:18 set PORT = 4000 7:30 react-router-dom 8:14 css font 10:46 importing bootstraps components 14:00 layout components 18:05 app -> layout(children) -> header(navbar) 23:00 container structure & react-router 30:00 react-router NavLink

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    DONE sign in & admin 8:01 use auth schema method to check pass 9:00 jwt authentication 14:15 virtual schema properties 17:45 authorize routes 20:20 setup token in postman 27:18 make admin route

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    make folder FE & BE npm init -y on BE npm install express express-validator mongoose dotenv nodemon 4:58 src/index-server.js .env file get & post route test nodemon setup DONE bodyParser package mongoDB setup mongoose ConnectDB routes, controllers, models folder configure route file configure model file 35:22 schema.virtual 39:08 schema.methods complete signup route & controller

  • @doublebeefstew
    @doublebeefstew Před 8 měsíci

    completed

  • @user-im3en4hs2o
    @user-im3en4hs2o Před 8 měsíci

    param is not working tell me pls

  • @NormieCyrox
    @NormieCyrox Před 8 měsíci

    here is the new concised version with hashing the password in logic btw: router.post("/signup" ,async (req,res)=>{ const {email , password , firstname ,lastname , username } = req.body const user = await UserModel.findOne({email : email}) if(user)return res.status(400).json({message : "User already registered"}) if(user.password !== password){ return res.status(300).json({message : "passwords do not match"}) } const newUser ={ firstname : firstname, lastname : lastname, username : username, email : email, password: password } await newUser.save() res.json(200).json({message : "user successfully registered !"}) })

  • @dreamperpetual
    @dreamperpetual Před 8 měsíci

    useful video bro thanks

  • @dreamperpetual
    @dreamperpetual Před 8 měsíci

    today im going to talk about rrrrrrrouting

  • @luizmelo662
    @luizmelo662 Před 8 měsíci

    Thank you very much for your teachings. The link provided is broken, would it be possible, please, to provide a link to the correct code?

  • @amishamallick3547
    @amishamallick3547 Před 8 měsíci

    will this be having seller panel too? I am having a project to create a multi vendor website.. I liked your explanation though

  • @user-pc2qd9ky1d
    @user-pc2qd9ky1d Před 8 měsíci

    i want to change paypal to bank-to-bank plz

  • @charliepips2677
    @charliepips2677 Před 9 měsíci

    great video from start to finish. i used this video to successfully deploy my backend server. i didnt need the build steps because i would not be showing any frontend. 10/10 video!

  • @anisremila4592
    @anisremila4592 Před 9 měsíci

    KK

  • @yashakeerthilasya9005
    @yashakeerthilasya9005 Před 9 měsíci

    I am unable to use postman chrome extension it is showing unsupported to present chrome what can i do now

  • @shxikant
    @shxikant Před 9 měsíci

    Id & password for admin login page???!!? Please

  • @PallaviNagarkar
    @PallaviNagarkar Před 10 měsíci

    Hi I wanted to know whether these rounds are similar for the Senior Frontend Engineer role as well?

  • @Sunilkumar-413
    @Sunilkumar-413 Před 10 měsíci

    Source code please

  • @AhmarZaidi
    @AhmarZaidi Před 10 měsíci

    Really helpful tutorial. Thanks a lot!!

  • @togaka
    @togaka Před 10 měsíci

    Bro how to use call back function in that index.server.js file is there any shortcut key for that double small brack after PORT, 5:40 , please do answer i am new at node js and these things.

  • @user-wt2op3jz3z
    @user-wt2op3jz3z Před 10 měsíci

    [PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment> at invariant (localhost:3000/static/js/bundle.js:2152:11) at localhost:3000/static/js/bundle.js:50661:108 at localhost:3000/static/js/bundle.js:54740:21 at localhost:3000/static/js/bundle.js:54703:21 at mapIntoArray (localhost:3000/static/js/bundle.js:54606:27) at mapIntoArray (localhost:3000/static/js/bundle.js:54651:27) at mapChildren (localhost:3000/static/js/bundle.js:54702:7) at Object.forEachChildren [as forEach] (localhost:3000/static/js/bundle.js:54739:7) at createRoutesFromChildren (localhost:3000/static/js/bundle.js:50649:47) at Routes (localhost:3000/static/js/bundle.js:50508:20)