Loft Mix

Overview:

LoftMix is an experimental admin-like app built with Solid-js, implementing best practices for performance and developer experience. This proof of concept aims to showcase that Solid-js is capable of delivering a robust admin app.

Features:

• Command Palette: Interactive command palette functionality.
• Navigation: Navigation menu for easy app navigation.
• Dark Mode Toggle Action: Ability to toggle between light and dark mode.
• Chart: Chart component for visual data representation.
• Table: Table component for displaying tabular data.
• Button: Customizable button component.
• Avatar: Avatar component for displaying user images.
• Charts: Variety of chart styles for data visualization.

Installation:

To install LoftMix, follow these steps:

1. Clone the repository from GitHub.
2. Navigate to the project directory.
3. Run the command npm install to install the necessary dependencies.
4. Start the development server using npm start.

Summary:

LoftMix is an experimental admin-like app built with Solid-js, showcasing its performance and developer experience capabilities. It includes features such as command palette, navigation, dark mode toggle action, charts, tables, buttons, and avatars. LoftMix follows best practices, including typescript first, pnpm workspace, turborepo for monorepo, vite first, storybook/vite, vitest for testing, vanilla-extract for styling, and purgecss for optimization.