See Preview

Notes App

A simple notes interface built with React, Vite, and Tailwind CSS. The app lets users enter a note title and details, then view recently added notes in a clean split-screen layout.

Features

• Add notes with a title and detailed text
• View recent notes in a card-based layout
• Responsive two-column interface for larger screens
• Built with a lightweight React + Vite setup

Tech Stack

• React 19
• Vite 8
• Tailwind CSS 4
• Lucide React

Getting Started

Prerequisites

• Node.js
• npm

Installation

npm install

Run Locally

npm run dev

Open the local URL shown by Vite in your browser.

Available Scripts

• npm run dev starts the development server
• npm run build creates a production build
• npm run preview serves the production build locally
• npm run lint runs ESLint

Project Structure

Notes-App/
|-- public/
|-- src/
|   |-- App.jsx
|   |-- index.css
|   `-- main.jsx
|-- index.html
|-- package.json
`-- vite.config.js

Notes

• Notes are currently stored in component state only
• Refreshing the page clears the added notes