Skip to content

Latest commit

 

History

History
198 lines (149 loc) · 7.72 KB

README.md

File metadata and controls

198 lines (149 loc) · 7.72 KB
Raw

Zen Class Student Dashboard - FrontEnd

Live Server

Demo Account :

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