Free cookie consent management tool by TermsFeed Web Developer | Antal Tech Jobs
Back to Jobs
15 Weeks ago

Web Developer

decor
30000 - 40000 INR - Monthly
Information Technology
Contract
BizTech Analytics

Overview

InstructionsReact Next.js Web UI Code Generation Guide

This guide outlines the process for generating React Next.js code to create responsive and accessible web interfaces using Tailwind CSS and shadcn/ui components.

Implementation Overview

The model breaks down the task into:

  • Understanding the complexity – Determines the number of UI elements based on the request (Simple, Medium, or Complex).
  • Structuring the UI – Organizes the components, layout, and interactions.
  • Generating Code – Ensures adherence to Next.js App Router, Tailwind styling, and shadcn component imports.
  • Ensuring Responsiveness & Accessibility – Applies Tailwind utility classes and ARIA roles for usability.

Code Summary

The generated code includes:

  • A Next.js page with shadcn/ui components like Cards, Buttons, and Forms.
  • Styling with Tailwind CSS for responsiveness.
  • Lucide Icons for UI enhancements.
  • Support for fetch API if external data is needed.

Key Requirements

  • Mandatory Libraries: Next.js, Tailwind CSS, shadcn/ui.
  • File Naming: Uses kebab-case (e.g., login-form.tsx).
  • Import Best Practices: Uses import { type foo } instead of full library imports.
  • Accessibility: Uses semantic HTML, ARIA attributes, and screen reader-friendly text.

This structured approach ensures that the generated code is executable, scalable, and visually appealing, ready for integration into any modern web application.Task Example:

Prompt: "Create a newsletter subscription card with options to subscribe via email, phone number, or by scanning a QR code"

WebUI Output:

Prompt: "Develop a one-page React 'Pet Activity Tracker' that monitors multiple pets' daily routines. Features should include: Activity logs for walks, meals, and medications; Visual timeline of each pet's day; Photo upload for daily pet moments; Shareable pet reports with other family members; Smart notifications for overdue activities; Multi-pet comparison charts; Customizable activity types per pet species"

WebUI Output:

Project Task Breakdown & Resource Planning

We are looking for experienced professionals to assist in training our AI model by generating WebUIs based on given prompts.

This project involves a total of 400 tasks, and we need 25 dedicated resources who can commit to working 8 hours a day for 5-7 days. The deadline to complete these initial tasks is by Friday (March 28, 2025). After these initial tasks, based on quality there will likely be further requirements for more tasks.

Candidates must have at least 4 years of experience with Next.js, along with expertise in React and Node.js. Proficiency in Shadcn/ui, and Tailwind CSS, is essential. We pay for this 1000rupees per hour.

Job Types: Contractual / Temporary, Freelance
Contract length: 1 week

Pay: ₹30,000.00 - ₹40,000.00 per month

Schedule:

  • Day shift

Work Location: Remote

Speak with the employer
+91 9220798787
Expected Start Date: 22/03/2025

Share job
Similar Jobs
View All
1 Day ago
SAP Finance Director
Finance & Banking
  • 5500000 - 6000000 INR - Yearly
  • 18 - 21 Yrs
  • Mumbai, Bangalore, Hyderabad, Pune
Responsibility You are a key player in large S/4HANA transformation programmes for global customers (team size of 50+ people) You have more than 15 years of experience in SAP either in value stream leadership, business, or domain expert You...
decor
1 Day ago
DevOps Engineer
Information Technology
  • Bangalore, Karnataka, India
DescriptionTo deliver and maintain IT-applications and –services in order to realize the strategy in the field of information technology. Engineers in this job category work in an agile way, in squads to deliver short-cycle full-fledged IT products....
decor
1 Day ago
ChicMic Studios - Android Developer - Kotlin
Information Technology
  • Gurugram, Haryana, India
Job DescriptionKey Responsibilities : Design and build advanced applications for the Android platform using Kotlin. Collaborate with cross-functional teams to define, design, and ship new features. Work with outside data sources and APIs (REST, J...
decor
1 Day ago
Optimum Info - AWS Cloud Infrastructure Engineer
Information Technology
  • Gurugram, Haryana, India
Job DescriptionAt Optimum Info, we are continually innovating and developing a range of software solutions empowering the Network Development and Field Operations businesses at Automotive, Power Sports and Equipment industries. Our integrated suite ...
decor
1 Day ago
Azure Cloud Architect
Information Technology
  • Gurugram, Haryana, India
Job DescriptionJob Title: Azure Cloud ArchitectAbout the Company/TeamOracle FSGIU's Finergy division is a specialized team dedicated to transforming the Banking, Financial Services, and Insurance (BFSI) industry through innovative technology solutio...
decor
1 Day ago
Java Full Stack Developer (Spring boot, Rest API, Angular)_4+Yrs_Bangalore/Pune/Indore
Information Technology
  • Gurugram, Haryana, India
Are you ready to write your next chapter?Make your mark at one of the biggest names in payments. We’re looking for a Java Developer to join our ever evolving IQ Portal team. and help us unleash the potential of every business.What You’ll Own As The ...
decor
1 Day ago
Full Stack Developer
Information Technology
  • Gurugram, Haryana, India
Responsibilities: Develop and maintain scalable full stack applications using .NET Core 8.0, C#, MVC/Blazor/Razor. Design, develop, and secure RESTful APIs with best practices in authentication and authorization. Hands on experience in JavaScript....
decor
1 Day ago
Interesting Job Opportunity: Vegavid Technology - Java Developer - Spring Boot
Information Technology
  • Gurugram, Haryana, India
Roles And Responsibilities Software Development : Design, develop, and maintain high-quality Java applications using the Spring Boot framework. Collaborate with cross-functional teams to define, design, and ship new features. Write clean, effic...
decor

Talk to us

Feel free to call, email, or hit us up on our social media accounts.
Social media