64 lines (48 loc) · 968 Bytes

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