Back to Browse

Build a FullStack Job Portal App with MERN Stack (MongoDB, Express, React Js, Node Js)

563.6K views
Jul 20, 2024
13:40:00

Learn how to create a Fullstack Job Portal App from scratch using ReactJS, Express, NodeJS and MongoDB. This project is perfect for those looking to enhance their skills in web development and add a valuable project to their portfolio. Stay tuned for more exciting updates in future parts! 🙏 Support My Work 🙏 Hey friends, I’ve been putting in everything to keep creating free, high-quality content for you all. But honestly, managing everything financially has become tough lately. If my videos have ever helped you, and you’re in a position to support, even a small contribution would mean a lot and help me keep going. You can support here: asurendrakumarpatel-1@okhdfcbank Thank you from the bottom of my heart for being part of this journey. 💙 TIMESTAMPS: 00:00 App Demo 18:42 Backend Setup 30:00 Connect with MongoDB Database 36:10 Create All Models 54:19 Create User Controller, Middleware, Route 1:28:05 API Testing 1:40:46 Create Company Controller & API Routes 2:06:50 Create Job Controller, API Routes 2:37:03 Create Application Controller, API Routes 3:13:38 Frontend Setup (React vite, shadcnui) 3:22:08 Building Navbar Page 3:43:33 Building Login/Signup Page 4:26:20 Setup Multer for File Upload 4:33:35 Setup Redux Toolkit for State Management 4:46:33 Building Home Pages 5:17:46 Building Jobs Page 5:47:55 Building Browse Page 5:56:45 Building User Profile Page 6:23:00 Building Job Description Page 6:39:06 Building Update Profile Dialog Page 7:48:01 Get All Jobs Using Custom Hook 8:29:05 Implement Apply Job Feature 8:45:40 Persisting Our Store 8:55:25 Admin Logic Start from Here 9:05:32 Building Company Admin Page 10:25:24 Implement Filter Company Logic 10:38:35 Building Admin Job Page 11:43:18 Implement Applicant Page 12:18:36 Implement Update Status of Applicant 12:25:44 Fetching Get All Applied Jobs 13:01:18 Implement Browse Search Job Logic 13:18:28 Implement Filter Jobs Logic 13:29:24 Adding Framer-motion 13:32:28 Protecting Our Routes 13:39:04 End Game Source Code: https://github.com/Surendrakumarpatel/jobportal-yt Join Discord: https://discord.com/invite/ujZe9PpTBZ Deploy Job Portal Video: https://youtu.be/oLE9iWAE1G4 👉YouTube Clone: Ep-01: https://youtu.be/7DrYVZxf25Q Ep-02: https://youtu.be/uBlp5rgwHkw Ep-03: https://youtu.be/IwGS0zBqzqM 👉Netflix Clone: https://youtu.be/y2Kxmvaew90 👉Master Redux Toolkit: https://youtu.be/kbJdSExJ5rk 👉Complete Javascript for Reactjs: https://youtu.be/87iczzi3zFc 👉NextJS Authentication App: https://youtu.be/4ILQWTjkHGM Tags: job portal website with mernstack job portal app with nextjs fullstack job portal with mern stack mern stack projects HashTag: #mernstackproject #reactjs #nextjs In 2024, it is the most practical web development course on YouTube. We will understand each concept theoretically as well as practically. After understanding the concepts, we will create projects and do fun challenges. So make sure to subscribe to my channel, So you can't miss any updates. Follow ME: LinkedIn: https://www.linkedin.com/in/surendrakumar143/

Download

0 formats

No download links available.

Build a FullStack Job Portal App with MERN Stack (MongoDB, Express, React Js, Node Js) | NatokHD