Next.
js Assignment Guidelines
Interview Process
We have 4 rounds in the hiring process:
1. Screening Round: This is the first round, which is completed by submitting the
Google Form.
2. Short Assignment Round: The assignment will be due by 30 th August before
6pm
3. HR Round: In this round, we’ll assess cultural fit, communication skills, and overall
suitability for the role.
4. Technical Round (Final): After clearing the HR round, you’ll have a technical
interview via Google Meet to evaluate your domain knowledge and problem-solving
skills.
Task Overview
Build the front end only based on the provided Figma design. API integration is not required.
Deadline: 30 th August before 6pm
Figma Design
Refer to the Figma design provided to complete the frontend implementation.
https://www.figma.com/design/Z8s2h3aiFdLBJeUMHoWKWI/frontend-weframetech?node-id
=0-1&t=i2NsalZZueOfb3M5-1
Rules
Figma Comments: Do not use Figma comments for sharing numbers or feedback. If you
do, we will have to report it.
Contact: Only contact us via email if you have questions about the assignment.
Mobile View Design: We will not provide a design for mobile view. You are expected to
implement it based on your own work.
Pixel Perfection: Ensure the task is pixel-perfect according to the given design. Bonus
points will be awarded for additional functionalities like animations and other small details.
Lighthouse Score: The site should have a Lighthouse score of 95 or higher. Use the
following link to check the score: https://pagespeed.web.dev/
Code Generation: Do not use any AI or low-code tools to generate the frontend code.
Technical Requirements
Framework: Must use the latest version of Next.js
Language: Must only use TypeScript
UI Components: Must only use Shadcn/ui components
⚠️ IMPORTANT: If you are building with old Next.js and not TypeScript, your application will
be marked as rejected.
Repository and Confidentiality Requirements
Repository: Make the GitHub repository private
Confidentiality: Do not share any Figma files, code, or progress of the task until you are
hired
⚠️ CRITICAL: Sharing project materials before hiring will result in immediate disqualification
Technical Requirements
Framework: Must use the latest version of Next.js
Language: Must only use TypeScript
UI Components: Must only use Shadcn/ui components
⚠️ IMPORTANT: If you are building with old Next.js and not TypeScript, your application will
be marked as rejected.
Task Breakdown
● Setup: Initialize a Next.js project.
● Implementation: Build the frontend based on the Figma design.
● Code Quality: Comment the code appropriately.
● Testing: Test the front end for responsiveness and functionality.
● Lighthouse Score: Ensure the score is 95 or higher.
Note
● Do not copy or collaborate on the task.
● Submit the assignment via google form and the provided email.
● The frontend should be pixel-perfect and match exactly as given in the design.
Submitting a different project will result in rejection and blacklisted and reported.
● In the Loom video, explain the code and frontend of the assignment, and include the
Lighthouse score result.
● Please ensure you follow the instructions clearly to avoid any issues with your application
being overlooked
● Please refrain from emailing us with reasons for not completing the assignment,
requesting deadline extensions, or using our company's Calendly link to directly book
interviews. Engaging in any of these actions may result in your application being reported
and disqualified.
● Once you have successfully submitted the assignment through Google Form and haven’t
received an update from us, please check your email spam folder or search for the email
Learning Next.js
If you are only familiar with React.js but not next js , we encourage you to learn Next.js. A
crash course should take no more than one day and will help you complete the task.
Criteria for Assignment Rejection:
1. The frontend and design do not match the given requirements or you submit
unrelated work.
2. Using plugins or AI-generated code.
3. Copying code or collaborating with others on the project.
4. Not using Next.js as specified.
5. Not using Vercel for deployment.
6. Poor folder structure and unclean code.
Note: If you submit random project links or irrelevant work, your application will be reported.
Submission Details
Submission Details:
Once you receive an email confirmation after successfully passing the screening round, you
will find a link to the Google Form for submitting your assignment within the same email and
Google Form documents.
Please use the following link to submit your assignment:
Submit your assignment here
Thank you for your attention to these guidelines.
🚀 Why Join Us at Weframetech?
At WeFrametech, we’re a fully remote company working with global clients and building
digital products using the latest technologies. We're not just another dev shop — we focus
on creating solutions that actually matter, used by millions of people across the world.
We’re a young, dynamic team that values creativity, accountability, and integrity above all
else. We believe great teams are built on trust and ownership, not just skillsets.
If you’re looking for a place where your work has real impact and you’re constantly learning
and growing — you’ll love it here.
🌟 What to Expect When You Join weframetech:
● 🚀 Real-World Impact
Build production-ready products that reach millions of users, from startups to
billion-dollar companies.
● 🧠 Constant Learning
Get trained on the latest AI tools, modern frameworks (Next.js, Nuxt, Astro, etc.),
and headless CMS platforms like Builder.io, Sanity, and more.
● 🌍 Global Exposure
Work directly with international clients, giving you real-world experience with diverse
teams, cultures, and markets.
● 🛠 Work with Cutting-Edge Tech
From Jamstack and serverless to AI and commerce ecosystems, you'll always be
working with modern, high-demand tools.
● 💬 Open & Transparent Culture
Weekly team calls, feedback loops, and async communication — we keep things
clear and collaborative.
● 🌱 Career Growth & Ownership
You’ll be given real responsibilities from Day 1, and a path to grow into leadership or
specialization roles.
● 🌴 100% Remote & Flexible
Work from anywhere, on your schedule. We care about results, not time clocks.
● 🤝 A Team That Actually Cares
We’re here to support each other, push boundaries, and have fun doing it.
● 🎉 Young, Driven & Fun Culture
No corporate BS. Just a passionate team building cool things and solving real
problems.
● 🧘 Mental Wellness & Balance
We’re serious about work-life balance and maintaining a healthy, respectful work
environment.
About The company:https://weframetech.com/(Weframetech Solutions PVT Ltd)
https://www.linkedin.com/company/weframetechcom
Best regards,
Vipul uthaiah
CSO, Weframe Tech
