villagebookbuilders / frontend-vbb-portal Goto Github PK

Please refer to the following details from Lambda for creating this in a similar way.

Their repo :https://github.com/Lambda-School-Labs/village-book-builders-fe-b
File is : src\components\pages\Headmaster\SidebarMenu.js.

Donate button didn't work
button did not have feedback when you click on them

for incomplete, which step the incomplete stuff is on
improving error messaging design

https://docs.google.com/document/d/19Kb5Ye-r5p6GZV3MV3aIfXqgjeVjP-2NgKKTpve3jUI/edit

Develop a consistent way to inform the user of an error. This should be systemic and consistent throughout the application.

This should inform the user if an API call fails and they can do something about it, to a wholistic approach about how we display a form input that is incorrectly formatted.

This is the epic to track the refactor of the front end of VBB. The goal is to keep the individual sub issues ( tickets ) small and manageable. This will also keep the work from being duplicated when we're all working async.

Major goals:

• Move all actions to redux. No hidden async calls made inside of React Components
• Update components to use hooks when applicable and convert them to functional components
• split components into Container and Components

Containers

Generally hold non-display logic like routing ( App.js ) is usually a good example of this. If you think of the domain at a high level like: Routes, HomeSignin, MentorProfile, these are all good candidates for Containers. Containers also have minimal JSX and usually just are full of Components.

Components ( This is different from a ReactComponent and is more of a design idea )

Components manage displaying things to the user. They tend to be forms, blocks of text, footers, headers, Nav Bars are all good examples of things that are Components. It does not have to be 100% reusable code.
It is a personal belief that getting down to a button component is to small a filter unless your sight is 100's of pages of content and even then it may not be the right solution

This should work if a person is on the site more then 10 minutes, they will be prompted to re login to continue with the process.

Issue: connect legal stuff with legal review section;
Id:1192837570963145
Due Date:
Assignee:

• booking sessions for mentors who are having struggles
• unbooking sessions that were booked accidentally
• being able to have an overview of all mentors and their signup information

Manage invalid phone number error on registration and push users back to step1 to update the phone number

We should load a spinner or equivalent and relative message so that the user knows there is work being done ( forms submitted, information getting fetched, etc )

Take the local state and move it to the global store. It should live under redux/Bookings.redux/Bookings.reducer.js

Connect it to the component Booking.js

Summary of Work

• Consolidate registration step components down from 5 to 2. Keep in two separate steps to retain step 1 newsletter signups.
  
• Refactor to functional components, using hooks where appropriate, utilizing the Redux store.
• Consider using React Hook Form package to minimize form code and field validation: https://www.npmjs.com/package/react-hook-form
• Coordinate with backend to use checkbox, dropdown, and multi-select where appropriate to standardize data. Consider using an external package for location, like: https://www.npmjs.com/package/react-places-autocomplete (this will require a Google Maps API key)
  
• Eliminate irrelevant questions/add alert if registrants don't select a minimum of 4 months
  
  
• Make note of design considerations for the future.

Issue: add tutorial
Id:1185157662044075
Due Date: 2020-08-28
Assignee:Varun Raja

@varunvraja commented on Wed Oct 14 2020

Create a user profile page that loads user answers that users can update their profile. Users can find this page from the portal dashboard
In addition, add a section for users to add more information about themselves
Add a section where user adds a bio about themselves (question: tell me about your self? Answer: paragraph)

Create WPForms for the Donation Page to set Upper cap limit of custom donations to $10K($990 is max. limit now).

Issue: mess around with html form validation
Id:1189588312612042
Due Date: 2020-08-27
Assignee:Jose Lopez

Issue: integrate sign-up form with Stripe
Id:1177571175645206
Due Date: 2020-08-27
Assignee:Ed Ringger

--Freeze attributes of new registration form
--Confirmation on the Ant Design as the design library for the front end part.

This needs to be dumbyproof

signup form improvements (aleksei, Trevor, salma, )

• stripe donation/subscription
• slicker user interface and form validation/feedback
• mailchimp newsletter subscription
• refactor front-end code in general (especially the redux part)
• make the errors and alerts more user-friendly

similar to the "article list view" on the djreact tutorial

This happens with at least the student and mentor emails/passwords. I haven't tried the others.

curl --request POST \
  --url http://vbb-backend.herokuapp.com/api/v1/auth/login/ \
  --header 'Content-Type: application/json' \
  --header 'X-CSRFToken: WP7zAJx7RRDn1QCxb65cVCCCS7YluqZ4UQhg4La50Gn2X15JxOnu3UkEdwZcrmTA' \
  --header 'accept: application/json' \
  --data '{  "email": "[email protected]",  "password": "studentsRule@2021"}'

Error message:
ProgrammingError at /api/v1/auth/login/
column users_user.user_renewal_date does not exist
LINE 1: ...r"."verification_level", "users_user"."initials", "users_use...

https://app.leanboard.io/board/7f34830f-b1b3-4d82-b664-c63e3925298c

Connect Mentor Portal with new backend APIs