Notes-App-Svelte Svelte Themes

Notes App Svelte

A simple notes app built using Svelte.

My Notes App (Svelte)

A simple notes application built with Svelte that supports adding, editing, deleting, and searching notes. It also supports dark mode.

How to Run the App:

  1. Clone the repository
    bash
    git clone https://github.com/yaswanth0091/Notes-App-Svelte.git
    cd Notes-App-Svelte
  2. Install dependencies
    bash
    npm install
  3. Start the development server
    bash
    npm run dev

Features:

  1. Add, edit, and delete notes
  2. Search notes by title
  3. Dark/light mode toggle
  4. Confirm before deleting
  5. Backend powered by MockAPI

Trade-offs & Assumptions

  1. Used MockAPI for simulating a backend. In a real-world app, this would be replaced with an actual database and backend.
  2. Notes do not persist offline or across browsers (since it uses an online API).
  3. Minimal input validation for simplicity.

With More Time...

  1. Add user authentication
  2. Store notes offline using IndexedDB
  3. Add tags or categories for notes
  4. Support markdown content in notes
  5. Implement unit and integration tests

Screenshots:
Light Mode:
Dark Mode:
Search-Bar-Functionality
Edit-Functionality
Delete-Confirmation

Top categories

Loading Svelte Themes