Zen Class Student Dashboard - FrontEnd

Live Server

Demo Account :

• Email : fabianrajafernandofsd@gmail.com
• Password : Fabian123@fsd

Packages :

• Material UI
• Tailwind Css
• DaisyUI
• React Router Dom
• Formik
• Yup

Features :

• Register
• Login
• Reset Password
• Logout
• Task Submission
• Capstone Submission
• Query Submission
• Portfolio Submission
• Leave Application Submission
• Testimonial Submission
• Syllabus Pdf Download

Navigations :

• Login - to Class Page
• Register - to Login Page
• Forgot Password - to Send Reset Link Page
• Reset Password (From Mail) - to Reset Password Page
• Class - In Sidebar
• Dashboard - In Sidebar
• Tasks - In Sidebar
• Submit Tasks - In Task page
• Capstone - In Sidebar
• Queries - In Sidebar
• Requirements - In Sidebar
• Portfolio - In Sidebar
• Applications - In Sidebar
• Interview Tasks - In Sidebar
• Leaves - In Sidebar
• Certificate - In Sidebar
• Testimonial - In Sidebar
• Syllabus - In Sidebar
• Placements - In Sidebar
• Profile - In Top Right Corner as dropdown in Profile Button
• Logout - In Top Right Corner as dropdown in Profile Button

Steps to Use :

Register

• In Login Form Page, Click New User? Register
• It will navigate the user to the Register Form Page
• Enter the Username, email address and password and click register button
• If the user is already registered it will not register user and reply as User Email already Registered
• Otherwise it will show as user registered
• User is now registered successfully
• Click Already a User?Login to Login

Login

• In Login Form Page, Enter the registered Email address and password
• Then click Login button to login
• If the email address is not registered it will show as User not registered
• Or the password is not valid it will show as Invalid password
• Otherwise it will login user and navigate the page the home page
• User is now Logged in successfully

Forgot and Reset Password

• In Login Form Page, Click Forgot Password?
• It will navigate the user to the forgot password page
• In that page, enter the email id and click Send Mail
• If the email address is not registered it will show as User not registered
• Otherwise it will show response as reset link sent to mail
• Now, Check for reset link mail in your gmail from fullstackpurpose@gmail.com sender
• Click Reset Password Button to reset password
• It will navigate the user to the reset password page
• In reset password Page enter the new password and enter Change Password button
• It will show as Password Reset Successfull and will navigate the user to the Login Page
• Now user can login with the new password

Logout

• In the Top Right Corner, user can find the profile button
• Click that profile button and it will show a dropdown with two options
• Click logout button to logout and it will navigate user to the login form page

Profile

• In the Top Right Corner, user can find the profile button
• Click that profile button and it will show a dropdown with two options
• Click profile to see the profile informations
• User can find all the informations like Class Informations and Personal Informations in the profile Page

Class

• After Login, as default it will navigate user to the class page
• By Manually, user can click Class Tab from the sidebar in the left side of the window
• User can select between 1-42 days of session roadmap to view the concepts and informations

Dashboard (Refresh windows to see latest information)

• From the sidebar in the left side of the window, select Dashboard
• Users can see their attendance result, codekata graph, webkata graph and task completed graph
• Recommended to refresh to see the latest information of the user

Tasks

• From the sidebar in the left side of the window, select Tasks
• Users can see the list of available tasks and get the links to view the questions
• Users can submit the task by clicking the Submit Task Tab from the Top of the window
• It will navigate to the task submission form
• Select task title and enter the required fields and click submit task
• If submitted succesfully it will automatically navigate the user to the tasks page

Capstone

• From the sidebar in the left side of the window, select Capstone
• User Can see the Task title and instructions to do the capstone task
• At the botton of the capstone page there will a capstone submission form to submit the form
• Fill the fields in the form and click submit and it will show response as Capstone submitted succesfully
• After logged out and login in user cannot see the capstone submission form if it is submitted already
• In place of Capstone submission form it will show the result or submitted for review

Queries

• From the sidebar in the left side of the window, select My Queries
• User can see the query submission form
• Fill the fields and click Create Query button it will show the result as Query submitted successfully or Query submission failed
• User can create multiple number of queries

Requirements

• From the sidebar in the left side of the window, select Requirements
• User can see the list of companies that are in need of employees

Portfolio Submission

• From the sidebar in the left side of the window, select Portfolio submission
• User can see the informations of the portfolio such as Portfolio Review section and Portfolio submission form section
• Enter all the fields in the portfolio submission form and click submit button it will show the result as Portfolio submitted successfully or Portfolio submission failed
• After logged out and login in user cannot see the portfolio submission form if it is submitted already
• In place of Portfolio submission form it will show as Submitted for Review or Result
• In portfolio Review the details will be updated

My Applications

• From the sidebar in the left side of the window, select My Applications
• User can see the list of application applied by them
• The contents will only be available after completing the placement preparation

Interview Tasks

• From the sidebar in the left side of the window, select Interview Task
• User can see the list of task assigned by the recruiters
• The contents will only be available after completing the placement preparation

Leave Applications

• From the sidebar in the left side of the window, select Leave Applications
• User can see the Number of applications already submitted in the top of leave application submission form
• To apply for leave, user can fill the fields and click submit button it will show response as Application submitted successfully or application submission failed
• After logout and login user can see the number of applications submitted for latest informations

Certificate

• From the sidebar in the left side of the window, select Certificate
• User can see the certificate of the course completed
• Content will only be available after completing the course

Testimonial

• From the sidebar in the left side of the window, select Testimonial
• User can see the Number of applications already submitted in the top of testimonial submission form
• To submit testimonial, user can fill the fields and click submit button it will show response as Testimonial submitted successfully or Testimonial submission failed
• After logout and login user can see the number of applications submitted for latest informations

Syllabus

• From the sidebar in the left side of the window, select Syllabus
• User can see the course name and syllabus pdf to download
• Users can download the pdf by clicking Download button

Placement Board

• From the sidebar in the left side of the window, select Placement Board
• Users can see the list of students placed in the companies with offered CTC