Create a complete braindump note-taking application with Dioxus 0.7 featuring: - Note capture with title, content, and tags - Full CRUD operations (create, read, update, delete) - Search functionality for notes - Tag-based filtering - Note pinning for quick access - Modern dark theme with purple accents - Responsive sidebar layout - Clean card-based note list - Full-text editor with auto-save hint Implemented with: - Dioxus 0.7.1 fullstack for reactive UI and server functions - Workspace pattern with shared API crate - In-memory storage using LazyLock - Server functions for note management All core features working and ready for testing.
17 lines
950 B
Markdown
17 lines
950 B
Markdown
# UI
|
|
|
|
This crate contains all shared components for the workspace. This is a great place to place any UI you would like to use in multiple platforms like a common `Button` or `Navbar` component.
|
|
|
|
```
|
|
ui/
|
|
├─ src/
|
|
│ ├─ lib.rs # The entrypoint for the ui crate
|
|
│ ├─ hero.rs # The Hero component that will be used in every platform
|
|
│ ├─ echo.rs # The shared echo component that communicates with the server
|
|
│ ├─ navbar.rs # The Navbar component that will be used in the layout of every platform's router
|
|
```
|
|
|
|
## Dependencies
|
|
|
|
Since this crate is shared between multiple platforms, it should not pull in any platform specific dependencies. For example, if you want to use the `web_sys` crate in the web build of your app, you should not add it to this crate. Instead, you should add platform specific dependencies to the [web](../web/Cargo.toml), [desktop](../desktop/Cargo.toml), or [mobile](../mobile/Cargo.toml) crates.
|