leanstacks / skeleton-ui-react Goto Github PK

Allow users to create new tasks. The user should need to enter only the task title. The form should include a task completion status toggle defaulted to 'incomplete' state.

When the form is submitted, a toast is shown and the new task should be displayed in the task list for the user.

To view the form, a button should be added to the top of the task list view.

Add an example of text translations. Explore approaches and libraries. e.g. react-i18next.

Description

Update the nginx configuration file used by the Docker image.

The nginx server should return HTTP Strict Transport Security (HSTS) headers.

The nginx server configuration should support IPv6 addresses.

Description

Review all application dependencies. Upgrade to latest stable versions.

Description

Restructure / reorganize the application startup activities in app.js. Using async/await create a series of functions with specific responsibilities for application startup. Those methods are then invoked by a startApplication function, which sequences the calls to those functions.

An example on the Badge components page is for a blue button; however, it is shown in red.

Create a Tab navigation component. When viewing the Users page in a small viewport use a tabbed view, where one tab contains the list of users and a second tab contains the details for the selected user.

Description

Create a Dockerfile which supports a minimal image to host the application distribution assets.

Description

Create the initial project structure and source modules.

Update the AuthProvider, sign in page, and sign out page to provide a simple example of authentication and protected routes.

Update MSW to use major version 2. https://mswjs.io/blog/introducing-msw-2.0

Description

The loading icon does not display. Shows placeholder (not found) icon instead.

Explore replacing Google Material Symbols icons with Font Awesome Icons. There are some problems with Google Material Symbols icons when animating. In particular, spinning the icon looks poor.

While viewing the task list, allow users to mark incomplete tasks as complete. Or to mark complete tasks as incomplete.

Allow users to view a task by clicking on the task title within the task list.

The task detail view should display the task title, assignee, and completion status.

Navigation should be provided to return to the list of tasks.

Update the application to meet best practices for creating components which render accessible markup.

Use Lighthouse in Chrome developer tools to assess the application. Remediate findings.

Migrate from using Create React App (CRA) to Vite. CRA has entered maintenance status.

Description

Upgrade project dependency versions to latest GA.

Description

Create standardized Config singleton which can load remote configuration or be injected with DotEnv configuration.

Initialize configuration in app.js startup.

Description

Create an initial suite of tests.

Description

Upgrade miscellaneous project dependencies.

Allow users to update tasks. The user should be able to edit the title and completion state. The form should include a custom form field for an on/off toggle

When the form is submitted, a toast is displayed and the user's task list is shown.

Select a drag and drop (DnD) library. Create an example of DnD components.

Research Atlassian pragmatic drag n drop

Create an example dashboard card to display on the authenticated landing page, i.e. the user dashboard.