Sticky notes dashboard

React
Medium

Objective

Build a React application that simulates a dashboard of sticky notes

Requirements

  1. Users should be able to create a new note with a title and content

  2. Once created, notes should be displayed in a dashboard format

    1. Each note should show it's title and truncated content to fit into a square space

  3. Users should be able to click on a note to edit its title or content

  4. Users should be able to delete notes

  5. Notes should persist after page refresh

    1. You should do this on the client side with localStorage

    2. Notes should be saved automatically after the user creates, edits, or deletes one

Evaluation Criteria

If I gave you this test, here's what I'd be looking for:

  1. Completeness (the test should be implemented correctly)

  2. Code structure

    1. The code should be organised, easy to read, and split into logical components

  3. Styling

    1. The UI should be clean and uncluttered

  4. TypeScript (if used)

    1. Proper type annotations and interfaces

Click to reveal