sef-global / scholarx-frontend-v1 Goto Github PK

Is your feature request related to a problem? Please describe.
Since we are planning to introduce a new program state for mentees to select a mentor of their choice, only if mentee get selected by multiple mentors, we need to implement a new user interface for mentees to get the list of mentors, who have approved the mentee with action buttons to pick one out of the list.

Additional context
Information about the new program state could be found in this hive thread.
Adding a new program state for mentees to confirm the mentor

Is your feature request related to a problem? Please describe.
As a new program state's introduced for mentees to select a mentor of their choice, the change state UI needs to be updated accordingly.

Describe the solution you'd like
Add the new program state into the existing UI

Additional context
Information about the new program state could be found in this hive thread.
Adding a new program state for mentees to confirm the mentor

Is your feature request related to a problem? Please describe.
Limitations of Heroku is problematic for a lot of deployments.

Describe the solution you'd like
Use a AWS EC2 Ubuntu VPS for the deployments.

Related Issue
sef-global/scholarx-backend-v1#117

Is your feature request related to a problem? Please describe.

• Need to develop the view to manage mentees on the admin dashboard.

Describe the solution you'd like

• Create a dummy UI adhering to the given view on the admin wireframes.

Additional context

• This is the view that needs to be developed, a dummy form would suffice.
• For additional details, please follow this link to the wireframes thread.
  

Is your feature request related to a problem? Please describe.

• We need to bind the API with dummy modal

Describe the solution you'd like

• Bind the add program view with the API

Is your feature request related to a problem? Please describe.

• We need to add a new tab just like "All programs" saying "Past Programs" to show the past completed programs

Describe the solution you'd like

• Create the new tab and name it as "Past Programs"
• Show the programs that are in "COMPLETED" state

Is your feature request related to a problem? Please describe.

• Once the program reached the lifecycle state of MENTEE_APPLICATION_PERIOD and in the MENTEE_VERIFICATION_PERIOD a mentee can apply for mentors. So my task is to list down all the mentors that available in that particular program.

Describe the solution you'd like

• Create the view for list all the mentors

Additional context

• For more information: https://sef.discourse.group/t/implementing-the-view-for-showing-all-the-mentors-in-a-program/198

Is your feature request related to a problem? Please describe.
An admin should be able to approve or reject mentors of a program. Also, the UI should be clear enough to differentiate the difference between an approved mentee and a rejected mentee.

Is your feature request related to a problem? Please describe.

• Currently, we don't show any results after submitting the application. we need to show a result containing 2 buttons for go to the home and to go to the edit page

Describe the solution you'd like

• Add two buttons to go to home or edit after submission

Design - https://ant.design/components/result/

Is your feature request related to a problem? Please describe.

• We need to add a new tab just like "All programs" saying "Completed Programs" to show the past completed programs as a Mentor or a Mentee

Describe the solution you'd like

• Create the new tab and name it as "Completed Programs"
• Show the programs that user have participated as a Mentor or Mentee and the program state is in "COMPLETED" state
• In order to see this tab user has to log in
• Hide the tab if there are no such programs that meet the requirements

Is your feature request related to a problem? Please describe.

• Currently, When a program is in "MENTOR_SELECTION" state a user can apply as a mentor twice because we don’t check whether the user has applied or not.
  

Describe the solution you'd like

• Check the user has applied or not
• If the user has applied as a mentor redirect the user to the edit application page

Describe the bug

• There's a bug with changing the state of a program

To Reproduce
Steps to reproduce the behavior:

1. Go to manage
2. Click on change state 3 times
3. See error

Expected behavior

• The admin needs to able to change the state of the program without an issue

Desktop (please complete the following information):

• OS: macOS 10.15.6
• Browser chrome

Is your feature request related to a problem? Please describe.
The Program interface has been duplicated in two places. /src/interfaces.ts and src/scenes/Home/components/AddProgram/interfaces.ts
The reason for having two interfaces is, the Program in Add Program view doesn't have the id property while it is a required property for the saved programs.

Describe the solution you'd like
Implement the interfaces using inheritance.

Is your feature request related to a problem?

• Currently shows the title bar as "React App".
• Favicon is missing.

Describe the solution you'd like

• Replace "React App" with "ScholarX | Sustainable Education Foundation"
• Add SEF logo as the favicon

Is your feature request related to a problem?
A mentor should be able to accept or reject a mentee who has applied for him/her

Describe the solution you'd like
Create a new directory /home/components/Mentor-menteeView and add the relevant code

Additional context
https://sef.discourse.group/t/implementing-the-manage-mentees-functionality-in-scholarx/202?u=gimhan_minion

Describe the bug
Sign in page scholarX logo is badly stretched on Safari, but works fine on other browsers

To Reproduce
Steps to reproduce the behavior:

1. Go to 'localhost:3000'
2. Click on 'sign up'
3. See error

Screenshots

Desktop (please complete the following information):

• OS: MacOs 11.0.1
• Browser: Safari
• Version: Safari 14.0.1

Is your feature request related to a problem? Please describe.

• Currently, In the apply as a mentee view when user select a mentor it goes to applied mentors to show the mentor profile

Describe the solution you'd like

• Show the mentor profile in Mentors tab without going to the applied mentors tab

Is your feature request related to a problem? Please describe.

• We need to deploy the frontend on Heroku.

Describe the solution you'd like

• Made the necessary changes that need for the deployment

Is your feature request related to a problem?.

• After Applying as a mentor, it should redirect to the homepage.
• Rename the button as "Apply as mentor" instead of "Apply as a mentor"

Describe the solution you'd like

• Edit the code to complete the above tasks.

Additional context
https://docs.google.com/document/d/1YiX0hik7V5DGB7f88HfkVT5Fk455kZ0LjYlJzqR-Z2I/edit?usp=sharing

Is your feature request related to a problem? Please describe.

• Currently, When a program is in "MENTOR_SELECTION" and "MENTEE_SELECTION" the program card doesn't say anything. It's confusing for a new user.

Describe the solution you'd like

• Add a tag to indicate the program state in homepage when there's no apply buttons

Is your feature request related to a problem? Please describe.

• As a mentor, he/she needs to be able to edit his/her application

Describe the solution you'd like

• Create the edit mentor application view

Refer to apply as a mentor view

Is your feature request related to a problem? Please describe.

• We need to bind the get mentors API with the manage mentors view

Describe the solution you'd like

• Bind the mentors API with the manage mentors view

Is your feature request related to a problem? Please describe.

• Currently, A user can apply as both mentee and a mentor for the same program.

Describe the solution you'd like
A clear and concise description of what you want to happen.

• Remove the apply button of the programs tab if I am a mentor of that program

Is your feature request related to a problem? Please describe.
The dummy UI for changing the state of a program is already implemented, need to wire it up with the backend.

Describe the solution you'd like
Wire up the UI with the corresponding API endpoints.

Is your feature request related to a problem?
The current README.md file is empty

Describe the solution you'd like

1. Should include a small description of this repository.
2. Add instructions to set-up this project locally

Is your feature request related to a problem? Please describe.
Need to create the basic dashboard view which will be the admin homepage of the scholarX platform.

Describe the solution you'd like
Create a dummy UI adhering to the first view on the wireframes.

Additional context
This view will have different functionalities based on the signed-in users' type. As for this particular issue, only the view for an admin user would suffice.

For additional details, please follow this link to the wireframes thread.

Is your feature request related to a problem? Please describe.
The dummy UI for manage mentees needs to wire up with the corresponding endpoints to list down all the mentees of a particular program, with the delete function embedded in for every mentee.

Describe the solution you'd like
Use Axios and lifecycle methods to wire the dummy UI

Is your feature request related to a problem? Please describe.

• We need the initial dashboard view for the admin

Describe the solution you'd like

• Create the initial dashboard view for the admin

Is your feature request related to a problem? Please describe.

• Currently, when listing down the mentors in apply as a mentee view it shows the mentors that haven’t got approved

Describe the solution you'd like

• Show only the approved mentors in apply as a mentee view

Is your feature request related to a problem? Please describe.
It's easy to pre-review PRs using Travis. Moreover, it helps to avoid merging PRs with errors and unformatted codes.

Describe the solution you'd like
Configure the Travis build along with lint checks

Describe the bug
There isn't any back button in the UIs which is a major UX issue. UIs that require a back button is 'ManageMentees', 'MentorApplication', 'RequestMentors' and 'MentorConfirmation'.

Expected behavior
There must be a back button on the top of the screen to navigate back to the previous UI.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chromium
• Version: 67.0.3369.0

Is your feature request related to a problem? Please describe.

• Need to develop the "apply as a mentor view" on the admin dashboard.

Describe the solution you'd like

• Create a dummy UI adhering to the given view on the admin wireframes.

Additional context

• This is the view that needs to be developed, a dummy form would suffice.
• For additional details, please follow this link to the wireframes thread.

Is your feature request related to a problem? Please describe.

• We need to show a message if the user hasn't applied as a mentee or a mentor

Describe the solution you'd like

• Create a dynamic message to the user base on the role

Is your feature request related to a problem? Please describe.
Need to develop the view to add a program on the admin dashboard.

Describe the solution you'd like
Create a dummy UI adhering to the second view on the admin wireframes.

Additional context
This is the view that needs be developed, a dummy form would suffice.

For additional details, please follow this link to the wireframes thread.

Is your feature request related to a problem? Please describe.

• We need to connect the API for apply as a mentor view so that we can connect it with the backend

Describe the solution you'd like

• Bind the API with the apply as a mentor view

Is your feature request related to a problem? Please describe.

• We need to bind the manage mentee view with the relevant API

Describe the solution you'd like

• Bind the API with the manage mentees view

Is your feature request related to a problem? Please describe.
Need a view to function as the manage program view.

Describe the solution you'd like
Create a view to show when manage program button on a program is clicked with a sider bar to select the operations.

Additional context
This is wireframe designed for this particular view.

For additional details, please follow this link to the wireframes thread.

Is your feature request related to a problem? Please describe.

• In manage mentees view there's a tag which shows the status of the mentee, it should change the status when we click the approve or reject button accordingly.

Describe the solution you'd like

• Fix the issue with mentee status tag

Is your feature request related to a problem? Please describe.

• On the homepage, we need to prevent showing the removed programs

Describe the solution you'd like

• Remove the programs that are in the REMOVED state from the homepage

Is your feature request related to a problem? Please describe.

• After all the UI components come together we noticed that some endpoint is not working and small bugs in links

Describe the solution you'd like

• Change the APIs to correct ones
• Fix the links

Is your feature request related to a problem? Please describe.

• We need to bind the edit program view with the API so that we can edit a program

Describe the solution you'd like

• Bind the edit program view with the relevant API

Is your feature request related to a problem? Please describe.
Currently, the home page contains dummy programs. Load them by calling the Program API.

Describe the solution you'd like
Fetch data from the program API and render them

Is your feature request related to a problem? Please describe.

• As a mentee, I should be able to apply for a mentor. In that case, there will be a form to fill. We need to create the view for that.

Describe the solution you'd like

• Create the view "Apply as a mentee"

Additional context
Here's the wireframe:-

Is your feature request related to a problem? Please describe.

• Currently we show the scholars logo instead of the program title

Describe the solution you'd like

• Display the program title on the application page

Is your feature request related to a problem? Please describe.

• Need to develop the view to manage mentors on the admin dashboard.

Describe the solution you'd like

• Create a dummy UI adhering to the given view on the admin wireframes.

Additional context

• This is the view that needs be developed, a dummy form would suffice.
• For additional details, please follow this link to the wireframes thread.
  

Is your feature request related to a problem? Please describe.

• Need to develop the view to edit an existing program on the admin dashboard.

Describe the solution you'd like

• Create a dummy UI adhering to the given view on the admin wireframes.

Additional context

• This is the view that needs be developed, a dummy form would suffice.
• For additional details, please follow this link to the wireframes thread.
  

Is your feature request related to a problem? Please describe.
Need to initiate the project as a react/typescript app to continue further frontend development.

Describe the solution you'd like
Initiate the project with the following modules for the development

• React
• Typescript
• Ant design

Is your feature request related to a problem? Please describe.

• The current home page view is for the admin and we need to create the view for users as well. So the home page has to change a little bit according to the user role.

Describe the solution you'd like

• Create the following views.
• For now use a boolean (eg: isUserAdmin) to change the user role

Additional context
Here's related wireframes:

Describe the bug
When a program is completed, it should not be visible in the 'Ongoing' tab in the 'COMPLETED' & 'REMOVED' state in the homepage layout.

Expected behavior
Programs that have reached the 'COMPLETED' state should be removed from the view

Desktop (please complete the following information):

• OS: Windows
• Browser: Chromium
• Version 67.0.3369.0

Is your feature request related to a problem? Please describe.

• We need to create a navbar for the scholarX platform

Describe the solution you'd like

• Create a layout component
• Create a navbar
  • The navbar contains the logo, scholarX logo and sign in sign out buttons.