Frontend Basic ReactJs
20 USDDesign:
Display state:
State based on display. - Grouping by user is selected.
Grouping by priority is selected
Card:
Api : https://api.quicksell.co/v1/internal/frontend-assignment
You are required to create an interactive Kanban board application using React JS that interacts
with the provided API from https://api.quicksell.co/v1/internal/frontend-assignment
When a user clicks the "display" button and selects a grouping option, the Kanban board should
dynamically adjust to reflect the user's choice.
The application should offer three distinct ways to group the data:
1. By Status: Group tickets based on their current status.
2. By User: Arrange tickets according to the assigned user.
3. By Priority: Group tickets based on their priority level.
Users should also be able to sort the displayed tickets in two ways:
1. Priority: Arrange tickets in descending order of priority.
2. Title: Sort tickets in ascending order based on their title.
The Kanban board should be responsive and visually appealing, with a design similar to the
provided screenshots.
The priority levels for the tickets are as follows:
● Urgent (Priority level 4)
● High (Priority level 3)
● Medium (Priority level 2)
● Low (Priority level 1)
● No priority (Priority level 0)
Priority levels: (This values you will receive in the api)
4 - Urgent
3 - High
2 - Medium
1 - Low
0 - No priority
Additionally, the application should save the user's view state even after page reload.
Assets
● For icons you can use any library or just pick the icons from the Google.
● List
Note:
1. Don’t use css library like Bootstrap, Tailwind, Vite, Material UI, Charka…etc
2. Don’t use NextJs or similar framework. Code in pure ReactJS
3. Write Pure CSS Code only. No library for css (bootstrap,..etc). Styled JSX can be used
though
Evaluation Criteria
Your work will be evaluated based on the following criteria:
1. Functionality: The application should effectively fetch data from the provided API and
allow users to group and sort tickets based on the given options.
2. Visual Design: The UI should match the provided design, including the layout, card
design, and overall aesthetics.
3. Business Logic Optimisation
4. Component Structuring: Components should be appropriately structured, promoting
reusability and maintainability.
Task Submission
1. Zip your source code and upload it.
2. Host the website somewhere and provide the link for evaluation.
Applications 1
-
30 days20 USD
134 30 days20 USDGood day
My name is Dmitry, I am a specialist in targeting, and arbitration.👋Facebook Ads + Keitaro
I am pleased to take on your project and show you successful results.Experience in work over 2 years.Realized projects for $100,000
- on contact from 8:00 to 21:00
- A lot of launching advertising, there is practical experience
…
I wait for your answer.
-
9 days200 USD
310 9 days200 USDHello, I'm the frontender you're looking for. Will write your site in 10 days. Price is $200.
-
1 day20 USD
134 1 day20 USDHello! I can do it because I’ve been working in this direction for a year now.
-
5 days200 USD
40 5 days200 USDHello. I'm a Front-end developer. I can start working on your project on Friday.
-
1 day22 USD
472 1 0 1 day22 USDGood evening. Ready to implement your task. I can do it tomorrow.
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 12 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 8 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 10 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 11 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 2 hours back ∙ 36 proposals |



