Xrayya / dicoding-final-react-basic

Simple Note Taking App for Dicoding Final Submission

Final Project: Dicoding React Basic

Repository for the final project learning path "Learn Creating Web Application with React"
This is a Personal Note Taking App project

Tech Stack

• React
• Vite (Typescript + SWC)
• Tailwindcss (with postcss and autoprefixer)

Features:

Key:

• Display note list
• Add note
• Delete note

Opt:

• Search
• Note title character limit (with indicator)
• Archive

Potential Improvement

• Save notes in localstorage
• Save notes in database (needs back-end)
• Add tag attribute to note
• Pinned notes

Note

Model (current):

interface Note {
  id: number;
  title: string;
  body: string;
  archived: boolean;
  createdAt: Date;
}