DEV - Implement Login and Forgot Password Page Design #296
Description
Overview
In this ticket you will be implementing the Login and Forgot Password FIgma design. When implementing this keep in mind the cleanness of the code. In our frontend a lot of things are just hard coded as huge components so try to split up this component to smaller components. Along with our large files the file structure can be quite confusing so for all of the components you make for this implementation put them in the same folder with an adequate name saying they are for the settings page.
Also reminder to use the new frontend clean ups we have done like the color variables and sticking to tailwind.
When it comes to viewing the forgot password component to make sure it looks good you can put in a route in the AppRoutes.tsx.
Just add in something that looks like this <Route path="/forgot-password" element={} />.
Make sure it is put before login so you can access it without having to login or do anything fancy.
Tasks
- Implement the figma login design with the correct colors and spacing
- Implement the figma forgot password design with correct colors and spacing
Acceptance Criteria
- Design is fully implemented
- Components are neatly organized in a folder in an appropriate place in our current file structure