
Set up the front end for the mern stack student result management app by creating a client React app, configuring routing, Ant Design, Redux Toolkit, and Bootstrap styling with Montserrat.
Set up the backend for the MERN stack student result management app by initializing npm, installing express, mongoose, and nodemon, and creating server.js on port 5000.
Set up a MongoDB Atlas account, create share results Udemy database and students collection, obtain the connection URL, secure it with the .env file, and connect with mongoose in Node.js.
Design the admin authentication module by implementing registration and login screens for employees, with route-based access and an approval flag gating login.
Builds back-end employee authentication by creating an employee model and a register route that hashes passwords with the b script library, checks for existing users, and returns a standardized response.
Build the login route and authentication flow by verifying the employee, checking password with bcrypt, enforcing admin approval, and issuing a JSON web token stored in local storage for requests.
Implement loaders and toast messages in the MERN stack app by building a spinner overlay, wiring loading state with dispatch, and showing success or error toasts during login.
Implement a default admin layout with a persistent header and a dynamic content area that updates with routes, while the logo and the logged-in employee name remain constant.
Develop a dynamic layout and protected routes for employees by using the local storage token to fetch user data via JWT-authenticated requests, guarded by middleware.
Designs the employee home page with two modules - students and results - using navigable cards, a 24-column grid, and a plan for a student form and backend operations.
Build add student user interface for the mern stack student result management app by creating students grid with a page header, search bar, and table, plus a reusable student form.
Display the existing students on the home page by building a dynamic table with defined columns and fetching all students via the get all students backend route.
Create the edit student UI in the MERN stack app by adding an id-based route, populating the form from the server, locking the rule number, and navigating back after update.
Master delete student functionality by wiring the frontend to post to the delete student endpoint with the student id, then refresh with get students and show success.
Implement a dynamic result form that collects exam name, date, and class, then adds repeatable subject entries with name, total marks, and passing marks.
Explore the result info page of the MERN Stack student result management app to fetch a class result, open a select-student modal, and allocate marks by subject.
Allocate marks by selecting a student, listing subjects with total marks and an input for marks obtained, and prepare data for api submission with the result id and student id.
Allocate and update student marks by binding each subject input to obtain marks and save the result via a backend API using result id and student id.
Discover how the MERN stack student result management app computes a verdict by comparing each subject's obtained marks to its pass marks and updates the result as pass or fail.
Hi Guys, Welcome to the course 'MERN Stack Student Result Management App'
In this course, you will learn the following topics
Building full-stack applications from scratch
Working with complex MongoDB, queries, schemas, models
Separate User Interfaces for Normal Users and Employees in the University to check the results.
JWT Authentication and Password Hashing
Ant Design Library for UI Components,
Redux Toolkit,
Adding customized subjects in result form.
Getting examination statistics like number of students passed , number of students failed etc.
Managing students and their results from the employee and admin panels
Pushing Code to GitHub,
Hosting application in Heroku
24/7 Q/A Support.
MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.
MongoDB - document database
Express(.js) - Node.js web framework
React(.js) - a client-side JavaScript framework
Node(.js) - the premier JavaScript web server
Express and Node make up the middle (application) tier. Express.js is a server-side web framework and Node.js is the famous and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser designed to build scalable network applicatio