Create the Home Page for the Mobile View

[Adastros]

Dependencies

Initial Layout Issue Tracker

• 17

Styling Homepage Issue Tracker

• 18

Testing Homepage Tracker

• 27

Homepage Functionality Tracker

• 29

Overview

The goal of this issue is to create the mobile view of the home page.

Action Items

• [x] Recreate the mobile view of the home page based on the figma wireframe while using the JSON data provided by the backend
• [x] Create animations and hover styles using the provided design system in the figma file
• [ ] Test and verify that the elements on the home page function as intended
  • [ ] If needed, develop Cypress tests to verify functionality

Resources/Instructions

• Cypress Documentation
• Refer to Figma design file provided by Frontendmentor.io

[Adastros]

ECD: 12JUL23

[Adastros]

While working on this issue, I realized that new header and footer JSON files needed to be created to house data such as icons and text. The JSON files for each page should house the content separately from the header and footer since the header and footer are shared between all the pages on the website.

New issues were created and added as dependencies for this issue. Once the new issues are completed, I will resume working on this issue.

[Adastros]

New ECD: 18JUL2023

Progress: Created initial layout of header and banner sections. Currently, refactoring those sections to use React context instead of prop drilling to simplify passing values to components. Context was chosen due to data on the site being static.

[Adastros]

Moving forward, this issue will house all of the dependency issues needed to fully create the homepage of the website. Parts of the homepage will be broken down into smaller issues to improve the workflow and traceability.

[Adastros]

Reorganizing dependencies in this issue by grouping dependencies into separate issue trackers. This issue will serve as a high-level issue tracker for the completion of the homepage.