react-notes-app

This project is a notes application built with React and Redux Toolkit.

Features

• Add notes with title and description
• Edit existing notes
• Delete notes
• Search notes by title
• Persist notes in localStorage
• EN/TR language support
• Light and dark theme toggle
• Form handling with Formik
• Validation schema with Yup in src/validation
• Tailwind CSS based UI styling

Note model

Each note has the following fields:

• id
• title
• description
• createdAt

Tech stack and patterns

• Redux Toolkit createSlice
• Redux Toolkit configureStore
• React Redux useSelector
• Functional React components
• Tailwind CSS v4
• Formik + Yup
• UUID for unique note ids

Libraries

• @reduxjs/toolkit
• react-redux
• tailwindcss
• @tailwindcss/vite
• formik
• yup
• uuid

Installation

npm install

Run

npm run dev

Validation commands

npm run lint
npm run build