Task Submission

Choose Your Domain & Submit

Step 1: save your personal details. Step 2: submit your domain task.

WEB DEV

Position: Frontend Web Developer

Web Development

Convert the provided Figma UI design into a fully functional, responsive website using React or any equivalent framework/library. It must work across mobile, tablet and desktop and follow good practices - semantic HTML, clean architecture, optimized assets.

Figma design to convert

Convert this exact Figma design into the responsive website:

GDG Frontend Task - Figma

Core requirements

Convert the Figma design into a responsive React website.
Ensure responsiveness across mobile, tablet, and desktop.
Deploy the website on Vercel (preferred) or alternatives like Netlify / Render.
Maintain a well-structured GitHub repository with documentation.
Implement Dark / Light mode.
Add smooth animations & transitions.

Bonus features

Use TypeScript for better type safety.
AI-powered interactions or features.
Built with Next.js.

References

React Docs Next.js Docs Vercel Docs

Submission

Upload your code to GitHub with proper documentation and setup instructions.
Upload the GitHub link and the deployed frontend URL in the task submission form below.
Points are allocated on technical quality and inclusion of bonus / optional features.

Queries? Contact

Saptanshu WanjariGDG RBU Co-Lead+91 7350557473 Zoya GhachiGDG RBU Co-Lead+91 7058046302 Rohit AgrawalWeb Lead+91 9981978217

Task Submission

Choose Your Domain & Submit

Step 1: save your personal details. Step 2: submit your domain task.

WEB DEV

Position: Frontend Web Developer

Web Development

Figma design to convert

Convert this exact Figma design into the responsive website:

GDG Frontend Task - Figma

Core requirements

Convert the Figma design into a responsive React website.
Ensure responsiveness across mobile, tablet, and desktop.
Deploy the website on Vercel (preferred) or alternatives like Netlify / Render.
Maintain a well-structured GitHub repository with documentation.
Implement Dark / Light mode.
Add smooth animations & transitions.

Bonus features

Use TypeScript for better type safety.
AI-powered interactions or features.
Built with Next.js.

References

React Docs Next.js Docs Vercel Docs

Submission

Upload your code to GitHub with proper documentation and setup instructions.
Upload the GitHub link and the deployed frontend URL in the task submission form below.
Points are allocated on technical quality and inclusion of bonus / optional features.

Queries? Contact

Saptanshu WanjariGDG RBU Co-Lead+91 7350557473 Zoya GhachiGDG RBU Co-Lead+91 7058046302 Rohit AgrawalWeb Lead+91 9981978217

Name*

Email ID*

Contact Number (WhatsApp)*

Year*

Branch*

Preferable Tech Domain*

Preferable Socials Domain*

LinkedIn Profile URL*

GitHub Profile URL

Codeforces Profile Link*(Type 'Nil' if none)

⚠ For the CP domain, providing your Codeforces link is mandatory. Applications without it will not be considered.

Codechef Profile Link*(Type 'Nil' if none)

⚠ For the CP domain, providing your Codechef link is mandatory. Applications without it will not be considered.

Other CP Profile(Optional)

Current CGPA(Optional)

Resume*(PDF only, max 2 MB)

What is your motive to join GDG?*

How can you add value to the GDG community?*

Any project/previous work/experience to showcase?*(GitHub link, Google Drive link, or portfolio URL)

	Tech	Management	CP	Design	Socials	Marketing
Preference 1
Preference 2
Preference 3

	Tech	Management	CP	Design	Socials	Marketing
Preference 1
Preference 2
Preference 3

Menu

Choose Your Domain & Submit

Web Development

Figma design to convert

Core requirements

Bonus features

References

Submission

Queries? Contact

Choose Your Domain & Submit

Web Development

Figma design to convert

Core requirements

Bonus features

References

Submission

Queries? Contact