Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nikilkumaar/zen-class-student-dashboard---frontend

Zen Class Student Dashboard is used to learn some new skills related to FSD and develop their skills and helps in career growth
https://github.com/nikilkumaar/zen-class-student-dashboard---frontend

Last synced: 22 days ago
JSON representation

Zen Class Student Dashboard is used to learn some new skills related to FSD and develop their skills and helps in career growth

Awesome Lists containing this project

README 

        
# Zen Class Student Dashboard - FrontEnd



### [LIVE SERVER](https://zen-class-student-dashboard-fe.netlify.app)



## Demo Account : 



* Email : [email protected]

* Password : Nikilnike@123



## Packages : 



* Material UI - CSS Framework

* Tailwind Css - CSS Framework

* DaisyUI - Theme

* React Router Dom - Routing through components

* Formik - Form

* Yup - Form validation



## 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 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



### 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



### 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



### 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