[FEATURE] Design and Implement Instruction Page

[NeerajHazarika]

Task Description

Design a visually appealing Instruction Page for the GRE Helper project using Figma and implement it in the React front-end of the application. The home page should provide an intuitive user interface and showcase key features of the GRE Helper app.

Design Requirements

• Create wireframes and design layouts for the Instruction Page using Figma.
• Include various instructions in bullet form, such as time limit, number of questions, types of questions etc.
• Ensure the design is responsive and compatible with different screen sizes.

Implementation Requirements

• Convert the Figma design into a responsive React component structure.
• Utilize appropriate styling techniques (CSS, CSS-in-JS, or CSS frameworks) to match the design.
• Implement necessary functionality to interact with the Flask back-end APIs for fetching relevant data.

Additional Notes

• The project uses React, Flask, and SQLite3.
• Ensure code quality and maintain best practices throughout the implementation.
• Collaborate with the team and follow the established Git workflow for seamless integration.

Deliverables

• Figma design files for the Instruction Page.
• React component structure for the Instruction Page implementation.
• Functioning integration with the Flask back-end for fetching data.

Deadline

• The task should be completed by [deadline date].

Related Issues and Pull Requests

• [Link to related issue or pull request, if applicable]

Assignees

• [Tag relevant team members for assignment]

Labels

Labels: design, implementation, enhancement, good first issue

[rohit62043]

I want to work on this issue ,please assign me @NeerajHazarika

[Parthib31]

@NeerajHazarika I want to resolve this issue

[a-nnurag]

I want to work on this issue ,please assign me @NeerajHazarika bhiya

[NeerajHazarika]

@a-nnurag assigned!