React Notes Side Project

Description

This is a simple note-taking application built with React.js, Next.js, and Tailwind CSS. It allows users to create, edit, organize, and search their notes.

Function

• Create and manage multiple note tags (tabs)
• Add, edit and delete notes within each tab
• Customize note colors
• Note data is saved locally and can be used without logging in

p-notes.mp4.mov

Demo Link

Vercel: https://p-notes-2otahdo7f-mollychen7561s-projects.vercel.app/

Tools

• JavaScript
• React.js
• Next.js
• Tailwind css

Build Setup (Local)

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.