created a student dashboard with reactjs

[ladyami]

Summary

I created a Student Dashboard

Components Details

• Sidebar section
• Body section

1. The sidebar section is divided into 3 part

• Quick menu
• Sittings
• Help Centre

2. The body section is divided into 3 part

• Top section
• Listing
• Activities

Fixes #26

List of changes proposed in this PR (pull-request)

Functionalities

1. Sidebar
   *Quick menu:

• Home: clicking this should take the user to the MOOCs home website.
• Project: clicking this should take the user(student) to their project ( general or personal).
• Explore: clicking this should take the user(student) to explore the community.
• Certificate: clicking this should take the student to their certificates where they can download their certificate or share them.

• Settings:*

• Profile: clicking this should take users to a page where they can change their bio Eg name, address etc.
• Security: clicking this should take the user to a page where they can change their security info like login/log out etc.
• Contact: clicking this should take the user to a page they can update their contact info.
• Logout: This button helps users to log out from their dashboard.

*. Help centre:

• this takes users to the MOOCs help Centre where they can submit their complaints.

2. Body Section

*Top Section:

• Search bar( this only work on large device): this help user searches the dashboard if they looking for something but can not find it.
• Massage: this help user receives a message from their teachers, course mate, or Admin.
• Notification bar: for receiving notifications.
• Search Buttons: this help student search for trending courses or Top courses.
• Statist bar: this help student measures their daily and monthly performances.

*Listing Section:

• In this section students can able to see the courses they are currently enrolled in and the Top courses(the course they are doing well) and weak courses ( the course they need to work on more).

*Activities sections:

• in this section: students can see their upcoming Activities Like assignments, tests, Exams etc.

What should a reviewer concentrate their feedback on?

NOTE: The website is not fully Functioning yet and not all the pages the buttons should link to have been developed yet Eg project page, certificate page, profile page contact page etc.

[ladyami]

@BatoolMM ma please I need your help, I try to deploy the site on netlify but it shows 404 but everything works fine on my localhost

[sandygudie]

@BatoolMM ma please I need your help, I try to deploy the site on netlify but it shows 404 but everything works fine on my localhost

@ladyami did you deploy the frontend folder, I think you would have to indicate the path to the frontend folder for netlify to deploy

[ladyami]

@sandygudie Can you be kind enough to explain to me how to do that? thank you

[sandygudie]

@ladyami, i will try it out and get back to you

[sandygudie]

@ladyami Do this

• Go to your Netlify Account

• Click on the add new site and connect the repository to your Netlify, this will be added to a list of repos connect to the netlify

• select the repository you want to deploy i.e MOOCs

• on the deploy settings: Add the following
  Branch Settings :

  • Branch: "branch name" e.g dev_team2
    Build settings:
  • Base directory: "name of your frontend folder" e.g Frontend
  • Build command: yarn run build
  • Publish directory: "name of your frontend folder"/dist e.g Frontend/dist

• Click Deploy
  let me know if you have any issue

[BatoolMM]

Thank you @ladyami for this amazing work. This PR is heavy with 45 files modified, which makes it hard to debug in the future, can you add more description in the summary of the PR and a list of changes you made so others can follow up on it.

[ladyami]

@BatoolMM okay, ma I will update the description. Sorry for the late reply

[ladyami]

@sandygudie I am sorry for the late reply, I have try it is not working I think I have to host it somewhere else thank you so much

[sandygudie]

@sandygudie I am sorry for the late reply, I have try it is not working I think I have to host it somewhere else thank you so much

it's the same process because it's a monorepo
All the same let me know how it goes

[ladyami]

Hello, Good day ma @BatoolMM I have updated the description please check if it is okay.