[13/10/2022]: Design Template -OSCSA MOOCs Platform

sandygudie commented 2 years ago

Summary

Open Science Community would like to develop Massive Open Online Courses (MOOCs), which are free online courses available for anyone to enroll in. We have developed our own materials and will also reuse materials from Open Life Sciences and Turing Way. In order to do that, we need to develop a platform where a participant can log in, and view videos and written materials as lessons. This will be similar to Udemy and other platforms for MOOCs.

Technology/Tools

Figma

User Stories

User should be able to signup, login, reset password and forgot password,
User can access the dashboard if authenticated
User can get all the available courses
User clicks on a course to view course details
User can download lesson materials
User should have a history of all the courses they watched
User can update profile data, i.e name, password, (excluding email address)

Available Tasks/ pages

[ ] Landing page
[ ] Header
[ ] Footer
[ ] Login
[ ] Sign up page
[ ] Reset Password
[ ] Forgot Password
[ ] Categories ( List of available courses) Dashboard View contains
[ ] Profile page
[ ] History page
[ ] Course details page
[ ] Settings page
[ ] Admin board
[ ] FEEL FREE TO SUGGEST RELEVANT PAGES

Who wants to work on this issue?/ Contribution

Everyone is invited to collaborate on this issue,
Indicate interest in a task.
Create an issue(multiple people can collaborate on an issue, avoid duplicate)

oEbuka commented 2 years ago

I designed a simple Landing page plus Log In ad Sign up pages for the MOOC project. Here is the Link : figma.com/file/mkhBuJAS2arzy3wrbTZp2D/Simple-Landing-page-for-OSCSA%2C-with-Log-In-and-Sign-Up-Pages?node-id=0%3A1 @sandygudie

sandygudie commented 2 years ago

@oEbuka Thank you for starting this, we added some reviews on the Figma design, hope you get to adjust them but we can start with it.

oEbuka commented 2 years ago

I just did, added the Log In with Google.

Teslimsama commented 2 years ago

@oEbuka how I can get the source code of this

victorvictoria-maker commented 2 years ago

I designed a simple Landing page plus Log In ad Sign up pages for the MOOC project. Here is the Link : figma.com/file/mkhBuJAS2arzy3wrbTZp2D/Simple-Landing-page-for-OSCSA%2C-with-Log-In-and-Sign-Up-Pages?node-id=0%3A1 @sandygudie

@sandygudie Can I work on this? Write the HTML and CSS

sandygudie commented 2 years ago

I designed a simple Landing page plus Log In ad Sign up pages for the MOOC project. Here is the Link : figma.com/file/mkhBuJAS2arzy3wrbTZp2D/Simple-Landing-page-for-OSCSA%2C-with-Log-In-and-Sign-Up-Pages?node-id=0%3A1 @sandygudie

@sandygudie Can I work on this? Write the HTML and CSS

We are using Reactjs for Development

ladyami commented 2 years ago

FAQ pages are very important

safa-ismail commented 2 years ago

I would like work on designing the user profile page.

oEbuka commented 2 years ago

@ladyami sorry for the late response. Please what is your figma name or you can add a comment on the link above so I can add you as an Editor.

ladyami commented 2 years ago

@oEbuka My Figma name is Amina Oyegoke

oEbuka commented 2 years ago

@oEbuka My Figma name is Amina Oyegoke

You can now edit.

Teslimsama commented 2 years ago

@ladyami sorry for the late response. Please what is your figma name or you can add a comment on the link above so I can add you as an Editor.

@oEbuka is it possible for you send to me in the code

oEbuka commented 2 years ago

@ladyami sorry for the late response. Please what is your figma name or you can add a comment on the link above so I can add you as an Editor.

@oEbuka is it possible for you send to me in the code

This is just a design, not an actual site. It does not have a source code yet.

Rubadel commented 2 years ago

Hello everyone, I want to work in this task for Design tagged pages in the issue .. My name in Figma is Ruba Adel could you allow me the editing, I sent an edit request..

oEbuka commented 2 years ago

Hello everyone, I want to work in this task for Design tagged pages in the issue .. My name in Figma is Ruba Adel could you allow me the editing, I sent an edit request..

Access granted.

oEbuka commented 2 years ago

@BatoolMM @sandygudie I just completed the design for the My Courses page and Course page here : https://www.figma.com/file/mkhBuJAS2arzy3wrbTZp2D/Simple-Landing-page-for-OSCSA%2C-with-Log-In-and-Sign-Up-Pages?node-id=0%3A1

JesperKawuma commented 2 years ago

Hello @sandygudie @oEbuka and @BatoolMM, is this the verified design so that we can go on and implement it?

sandygudie commented 2 years ago

@JesperKawuma it’s a sample design to work with, feel free to improve the UI

ladyami commented 2 years ago

Hello, Good day, Ma @BatoolMM I am sorry I was unable to participate for some days because I was sick can I continue the task you assign to me from where I stop please the meeting is recorded or how do I get the recap ma please thank you.

JulianaSau commented 2 years ago

Hi @oEbuka I'd like to work on the admin board. I've sent an edit request on Figma. My Figma name is Juliana Sau

JesperKawuma commented 2 years ago

@JesperKawuma it’s a sample design to work with, feel free to improve the UI

Actuallly @sandygudie, I know nothing of Designs. That's why I was eager for confirmation such that I can begin implementation

oEbuka commented 2 years ago

Hi @oEbuka I'd like to work on the admin board. I've sent an edit request on Figma. My Figma name is Juliana Sau

Access granted

JulianaSau commented 2 years ago

Hi @oEbuka I'd like to work on the admin board. I've sent an edit request on Figma. My Figma name is Juliana Sau

Access granted

Thanks

Open-Science-Community-Saudi-Arabia / MOOCs