Enhance Lumix by integrating a new font family to give developers more typography choices.

setup a context API using custom hook in application where we can call all APIs from single source and use the exported variables/states in any component. This will also help us in preventing unwanted repetitive API calls.
also add a feature to restore state on webpage reload by using either localstorage or sessionstorage.

create a responsive footer component that can be wrapped globally for all available routes.
for now you can add any number of colums showing some dummy data/links
and copyright text with dynamically updating year

Add a new component that has a fully styled button and to which on an onclick method be provided as a prop.

The description meta tag says :

Change the content to : Lumix - A UI Library made in React.

There should be sufficient documentation so that if anyone wants to use these components, he knows the functionality of these components and how to use them.

Add a new radio button component that accepts the radio label and an on-change function as a prop

Create a simple logo and add that logo to the repo and modify the favicon.

Create a single page that would show the various components that people have contributed.

A generic confirmation modal, that receives title, text, two buttons information (button text and onclick action). This component can be called anywhere and data can be passed to it to change its behaviour!

create a reusable component to render multiple tabs with content body of each tab,
provide as much customization as possible for:

1. indicator
2. tabs color
3. content body background
4. complete wrapper background, etc

Use create React App and initialize the repo

create a component that allows you to upload images to any service and it also shows upload progress.

Develop a loading spinner component that can be easily integrated into various parts of Lumix.

Update the readme of this project and set ground rules.

add tailwind css to the application with all possible imports and tailwind configurations.
bonus addons: example to show how can we override tailwind configurations globally

Implement a tooltip component that displays additional information when users hover over specific elements.

demonstrate suspense and lazy loading of components that could also be a random image fetched from https://picsum.photos/id/${Math.round(Math.random() * 100)}/400/300

Difficulty level: HARD
create the react service provider that can be used at multiple places for multiple purposes to prompt user of any change that has been made to that page, this could be:

1. change in a listing
2. change in a status of something

without the need to hard refresh the complete webpage/tab/route at given moment

Add a new component which has an image tag. It should accept the height, width and the src path of the image.

Design and implement a date picker component for selecting dates in various formats.

Add bootstrap to the project once the project is initialized

create a wrapper of multiple div elements which can be dragged to re-order their positions in the actual sequence.

create a reusable component that can work for both:

1. multiple open accordions (at once) &
2. single open accordion (at once)

provide all possible reusability features via props.

create a component to show all possible types of avatars, could be categories on the basis of:

1. image
2. letter (name first character or first and last name's first character)
3. sizes
4. icons
5. shapes

create a component to show all possible variants of badges.
variants can include all possible shapes, color, visibility, etc.

Create a carousel component that can display a series of images or content in a slideshow format.

Add a new component that renders a card view with an image on top and a heading and the description below the image. Most of these properties like the img src, heading and description should be sent as props.

Improve image loading performance by implementing lazy loading for images in the library.

create a skeleton loader for multiple purposes, eg. profile page, tables, etc
provide possible customizations related to color, size, quantity, etc.

Design and implement a rating component that allows users to provide ratings or feedback.

Create a toggle switch that enables users to switch between light and dark modes.

Develop a simple form input component that can be easily integrated into Lumix.

Add a new input component that can be sent the placeholder, onchange, and input type as props

Develop a straightforward alert component that can display messages to users.

setup a context API with custom hook to allow token and other important useful variables to be stored in states and wrap that context provider at correct place in application.
Also add a expiration timestamp to let that token expire after a provided time, add that expiry check logic too

Develop a dropdown component that allows users to select options from a list.

add basic boilerplate needed to setup redux using RTKQ at global application level

create a simple component that can show multiple list of steps in a process, keep in mind all possible types of modifications and customizations possible, eg:

1. vertical steps
2. horizontal steps
3. steps with highlighting number
4. steps with numbers and text for each step
5. custom colors
6. scrollable wrapper