Gig Overview: You are provided with a figma link to a  platform for Admins to manage member access. This gig requires a Frontend Engineer to implement the user interface for this tool, turning the provided UI/UX designs into a functional and performant application. The engineer will ensure the interface is responsive, intuitive, and visually appealing, ensuring the conversion aligns with the provided wireframes and brand guidelines.

Expertise Required:

• Frontend Frameworks: Strong experience with Next.js for building modern web

applications.

• Styling: Proficiency in Tailwind CSS for efficient and responsive styling.
• TypeScript: Strong typing for scalable and maintainable codebases.
• Data Visualization: Familiarity with integrating libraries for dashboards and admin interfaces. 

Responsibilities:

1. UI Implementation:

○ Develop the frontend using Next.js and Tailwind CSS, ensuring pixel-perfect

alignment with the Figma designs.

○ Implement responsive layouts optimized for desktop and tablet.

1. Component Development:

○ Create reusable and modular components following design patterns like the

Repository Pattern for scalability.

Design pattern: Repository Pattern

You will be added to the github repository when picked for this gig.

Gig Description:

a. Settings Management

The Settings page should carry designs as seen on the figma design also. The tables should

include all the functionality the figma design entails, the tabs ‘User management

preferences’

,

‘Notification Preferences’ and ‘Delete User’ must display thie corresponding

pages when clicked.

Expectations: As a Techo chosen to participate in this gig, we have some expectations.

-Timely Completion: complete each gig within the given timeframe. If the gig has not been completed within this frame, the project will be re-assigned.

-Communication: Stay in touch with the Community Manager for guidance, support and feedback throughout the project. This can be done through the chat box in the My Gigs section underneath the gig description.

-Work-Ethic Alignment: Make a concerted effort to comply with our standards.

Figma: https://www.figma.com/design/CYnMGtq27JddhqTjrdiOW7/CE-Management?node-id=64-1905&t=DORXkvaeUdgJzm7s-1

Additional Notes: Brand guidelines sent to Techo when selected for this gig. Please make sure to adhere closely to this.