Build a Svelte-based UI from Figma designs, using Shadcn + Tailwind for an existing API backend – Graphic Designer

[Disclaimer]: The developers have already been selected for this job. This posting is mainly to transfer the job post to a different Graphic Designer account. Please do not send proposals.

We are a research team at the Allen Institute for AI working on testing how well language models, like ChatGPT, can help us automate tasks done on the web like shopping, payments, etc.

To this end, we are developing a safe sandbox where agents (language models) can carry out automation tasks. For this, we have developed an API backend for apps for a variety of purposes like shopping, payments, etc.

We are looking for frontend developers who can build UI on top of it as per our specification.

Concretely, what we have:

Well-tested REST APIs with detailed documentation of its input parameters and output schemas.
Detailed figma designs built with ShadcnUI components [1]. We will use the same component library for frontend development making design → code easier.
A “UI-API connector” slides which has detailed annotation (on top of figma snapshots) conveying which API to call where to get/post/etc what data.

To get a sense of the apps, see the “UI-API connector” slides here for one app [2], that is for shopping. Please ping us and we’ll be happy to share it for the rest of the 5-6 apps.

Concretely, what we want:

We want you to build frontend of our API backend using our design specifications.

We need the frontend to be in the Svelte 4 + SvelteKit 2 framework, using the Shadcn-Svelte component library, and using TypeScript and Tailwind CSS.

We expect you to (i) write well-documented, well-tested and maintainable code,  (ii) collaborate with our backend developer if/as needed, and (iii) give timely updates.

Just to reiterate, you will not need to do anything on the backend. You will need to call APIs as annotated in the slides and use returned data to render (shadcn-svelte) components as per the design.

Since APIs are finalized, the need for close collaboration with our backend dev should be limited. But we do expect at least a weekly meeting call to sync in.

Timeline and Payment:

We want to hire two front-end developers. We will pay $4.5K to each as a base pay, and $500, each, if their portion of the work is completed in 6 weeks.

[1] https://www.shadcn-svelte.com/
[2] https://docs.google.com/presentation/d/1mjix90UsdV2EjmjdnEJE99mjL-OjS0zwK_D8IYaKDG0/

This project is subject to the terms and conditions of the attached Participation Agreement and Recording Consent (the "Agreement").  By agreeing to participate in the project, you expressly accept and agree to the terms of the Agreement.

Note: The code you write will eventually be open sourced. But as part of the agreement, we require you to not share the design or code from this project with anyone until we opensource the project.

Budget: $4,500

Posted On: April 12, 2024 21:19 UTC
Category: Front-End Development
Skills:Tailwind CSS, JavaScript, Svelte

Country: United States

click to apply

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *