The faraday-frontend from faradayafrica

Implement Qshot Redesign.

Find the new redesigned Qshot interface here

Responsively implement the design that is titled "answered pen with background" to result in a single HTML file.

Implement React Query for Data fetching

Implement the link sharing on the Frontend

"Post request with two variables, one is optional.

original_url, which is the url you want to shorten and
short_url which if provided is used as the shortened URL and if not a random short URL is generated.

I rather you don't pass a short_url." - @devgenix

Create the #3 level reply system for questions

Implement a second level confirmation for when a user marks a comment as a solution

Link to the user flow:

https://www.figma.com/proto/GmdqdKpgeXsuNo7WoF1xNq/User-Interface?page-id=109%3A376&node-id=653%3A7509&viewport=-5205%2C-98%2C0.09&scaling=scale-down-width&starting-point-node-id=157%3A2253

Fix the undefine for username bug that appears when a new userskips the last SignUp process

Add a skip button at the last signup screen

This page should have a skip button below the 'Next Button' that takes a user straight to Qfeed, logged in

Integrate Univast

This issue adds the ability to fetch data on tertiary institutions to be used on the educational information signup page.

Quality Assurance Test - Week 12

Make the questions and solution feed on a user profile infite scroll

The NavBar Bugg

@jomefavourite Please create a different branch for fixing the nav issue. Immediately it's fixed inform me here on this issue. We have less than 14days to our launch event

New update on how the Image is rendered on backend

Create the Notification component

Design & Implement toast for all requests

enhance edu signup-screen

In the third signup screen, which is used to collect academic data,

Add a Country Field.
- Use the API Endpoint from Univast here
- After getting the country from the Endpoint above, use the Country id from the data acquired from the response in the same endpoint above to make a POST request to fetch a list of Tertiary institutions in that Country.
After collecting the data, add the country name obtained from the API Endpoint above and the school logo obtained from the data in the School response, to the data sent to the App Backend API.
Use IDs instead of names and codes to get data for Schools, Faculties, and Departments.
In the POST request to the backend, pass the following data:
- country name and country id
- school name, school id, and school logo
- faculty name and faculty id
- department name and department id
Check the Postman Workspace to see the exact variable names and required fields.

This issue depends on the following:

The owner of a question should be able to pin a question to the top of comments

Current behavior

We fetch all comments and map them to the comments component

Suggested solution

Give an option to "Pin a comment"
Render the pinned comment first before mapping the rest under it

Add a meta data to links shared from the link generated from the Qfeed

Fix double slash in links when shortening.

I've identified that on click share the constructed link to be shortened contains a double slash in the format; https://app-staging.faraday.africa//qfeed/1a7e267f-0e2a-4dfc-bfcb-914622a838e8

Eliminate the duplicate slash.

Add redirect to original page on login from guest-mode

If I visit Faraday through a link to a question/poll/article in guest mode and decide to comment/vote/reply, I'd be redirected to login from which I would either login if I have an account or signup. When I do that the link to the page where I was should be carried along and after a successful signup/login I should be taken back to the original page where I was.

This can be done by holding the link to the page in a request parameter variable called redirect.
So when I click to login from a discussion page in guest mode, I am taken to a login page and the URL of the login page would be something like; https://app-staging.faraday.africa/login?redirect=https://app-staging.faraday.africa/qfeed/a6474c2b-76b7-479c-8c9d-e323692b59be
If on that page I decide to signup instead, it'd be; https://app-staging.faraday.africa/signup?redirect=https://app-staging.faraday.africa/qfeed/a6474c2b-76b7-479c-8c9d-e323692b59be

If you visit any of the links here, you'd be taken to the actual pages and see the redirect variable held in as a request parameter.

From there up, it's up to you to then check after a successful signup/login if the URL was carrying a redirect and if was, redirect the user to the original page they were.

Styling Concern and Corrections

I don't know SCSS and I'd hate to ruin your code @jomefavourite while trying to make adjustments to the styling. I will communicate some styling concerns here.

Enable a user to close and open his questions - closing a question, blocks new comments into the question

Feat/implement analytics for impressions and clicks

This issue addresses implementing analytics to;

Register an impression when a resource is viewed.
Register a click when a resource is expanded.

Note: A resource refers to a Poll, a Question, or an Article.

To implement number 1, it's suggested that you would need to use a library or write custom code to detect when a resource is in the viewport of the user's browser/device. One popular library for this is react-intersection-observer. When a resource is in the viewport, you would make a request to the backend to record an impression.

To implement number 2, you would also need to track when a user clicks to expand a resource. You could do this by attaching an event listener to the expand button and making a request to the backend when the button is clicked to record the click.

Implement automatic Login after Sign up

Current behavior

Currently, a user is redirected to log in after he completes the SignUp process

Also on Qfeed

Render the solution under a question if one has been provided already. Otherwise, render the question the default way

Fetch the next set of question when a user scrolls to the bottom of the Qfeed

Current behavior

Currently, nothing happens when a user scrolls to the bottom of the feed

Suggested solution

-Get what you need to fetch the next set of questions from the previous request response
-Update the state

Redirect to a user profile when her profile imge is clicked

Backend Abeg

This issue will be used by @jomefavourite and @nworiekingslee to communicate what we need from the backend to fast track our work on the frontend.

Question Like is broken

The entire screen goes blank when you attempt to like/ unlink a question

Resend OTP doesn’t work

When you attempt the resend OTP, it returns a 401 - unauthorized.

I noticed the authorization headers were not passed

Backend Status

To keep track of backend API status.

Create a sub nav for [questions and solutions] on the profile page

Hide other engagement Buttons for a question leaving just the like action

The other engagement buttons shouldn't be deleted but disabled/commented out

Implement recover password

Here's the userflow:

https://www.figma.com/proto/GmdqdKpgeXsuNo7WoF1xNq/User-Interface?page-id=109%3A376&node-id=649%3A6636&viewport=-5205%2C-98%2C0.09&scaling=scale-down-width&starting-point-node-id=649%3A6636

Enhancement/improve field state of Univast

This issue addresses these;

when there's no school selected yet, clicking on faculty should display "Select a School"
when there's no faculty selected yet, clicking on the department should display "Select a Faculty"
changing the values for a field, should clear the value of the field dependent on it. For example, if I selected the University of Lagos as my school and Engineering as a Faculty, If I go back to change my school to a different school, the value of the faculty and department should be cleared.
Rather than align values in the middle, align them right to left.
Add a search field to the result dropdown for schools to make it easy to search and find a specific school.

User should be able to follow other user from the comment menu

Implement Qfeed redesign for Mobile and Desktop

Strictly stick to implementing the design on mobile and desktop.
That is implement the redesign and keep the ability to vote which has already been implemented.

Other actions on Qfeed such as Echo, Pen, Sharing are still being designed once the design is ready, a separate issue would be created for them.