Frontend simple app on React & RadixUI
30 USDShort Technical Task for Front-End Developer
We need you to create a visually clean and minimalistic category page for displaying a list of cakes. The page should use Radix UI components, ensuring that buttons and blocks are neatly aligned.
Tasks:
1. Category Page (Cakes List)
Display a grid of cards, each representing a different cake.
Each card should include:
Cake image (use placeholders for now).
Cake name.
Price.
A simple "Add to Cart" button with an icon (use Radix UI button component and integrate an icon).
The layout should be responsive and minimalist, with even spacing between the cards. Cards should stack vertically on smaller screens.
2. Visual and Layout Requirements:
Use Radix UI components for all interactive elements, including buttons.
The design should be minimalistic, focusing on clean alignment of the elements.
Ensure the "Add to Cart" button is functional in appearance (no back-end logic required), and the layout looks balanced on both desktop and mobile.
Deliverables:
A simple, responsive page with well-aligned cake cards.
Minimalist, clean design using Radix UI components.
Basic visual functionality (button clicks, hover states, etc.).
Technology Stack:
React (Next.js or Create React App)
Radix UI
---
This task focuses purely on the visual part using UI components from Radix UI.
-
3 days300 USD3 days300 USD
Hello,
I’m interested in helping you build a clean, minimalist category page for displaying cakes using Radix UI and React. With experience in front-end development and UI frameworks, I’ll ensure that the page is responsive and visually well-aligned, utilizing Radix UI components for interactive elements. The cake cards will be neatly spaced, stack vertically on smaller screens, and the "Add to Cart" button will be functional in appearance. feel free to msg me we can discuss more about the work and price
I look forward to collaborating on this project!
-
1 day30 USD
978 28 0 1 day30 USDDear Anastasiya,
I appreciate the opportunity to work on the technical task for the Front-End Developer position. My experience in React.js is over 6 years.
Thank you for considering my application. I look forward to showcasing my skills through this task.
Best regards,
Yaroslav
-
1 day30 USD
875 9 2 1 day30 USDHello, i can do it today, can you write direct
---------------------------------------------------------
-
2 days30 USD
242 1 0 2 days30 USDДобрий день. З завданням ознайомився, зроблю за вимогами. Маю досвід з React
-
1 day150 USD
558 3 0 1 day150 USDDear Anastasiya,
I hope this message finds you well. I am excited to apply for the Front-End Developer position and would love the opportunity to work on the task you’ve outlined. With my experience in React and a solid understanding of Radix UI components, I’m confident I can deliver a visually appealing and minimalist category page for displaying the list of cakes, as described.
I have extensive experience with React (including Next.js), responsive web design, and integrating UI component libraries like Radix UI to build clean, functional, and scalable front-end interfaces. I understand the importance of balancing aesthetics with usability, and I prioritize ensuring that layouts are aligned and responsive across all device sizes.
Please feel free to reach out if you have any additional questions or require further details.
Looking forward to hearing from you.
…
Best regards,
Serhii Makarov
mcarrow.vercel.app
-
2 days30 USD
940 20 3 1 2 days30 USDGood day. I have experience in development on React and Radix UI. I will gladly take over this task. I will do everything quickly and qualitatively. Frontend experience of development 4+ years.
-
что за тестовое лайтовое такое?
-
I understand this is a test task?
-
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 2 days 20 hours back ∙ 86 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 3 days 17 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 5 days 19 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 6 days 20 hours back ∙ 30 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 8 days 11 hours back ∙ 36 proposals |
Kyiv