๐งช Svelte + Tailwind Notes CRUD App
๐ How to Run
Clone the repo:
git clone https://github.com/yourusername/svelte-notes.git
cd svelte-notes
Install dependencies:
npm install
Run dev server:
npm run dev
Open http://localhost:5173 in your browser.
๐ง Assumptions / Tradeoffs
- Used MockAPI for notes data, endpoint:
https://your.mockapi.io/notes
- No authentication, just straight CRUD actions
- UI only, no backend code included
- Svelte 5 and Tailwind 4 used for latest best practices
๐ธ Screenshots
browser page after clicking the link |
entering the details |
Deleting |
|
|
|
๐ก Improvements with More Time
- Add dark mode and delete confirmation modals
- Add list search/pagination, spinner/loading feedback
- Polish for accessibility (a11y) and mobile experience
- Write unit and e2e tests
๐ API Setup
You can use MockAPI as shown here:
- Resource:
/notes
with id
, title
, content
, createdAt
If you want to run locally, use json-server and set a matching REST endpoint URL.