Manish1803/Pocket-Notes

Pocket Notes

Pocket Notes is a note-taking application built with React and Vite. It allows users to create, manage, and organize notes in different groups such as HTML, CSS, JavaScript, and more. The app features a sidebar for selecting groups and a main section for displaying and creating notes.

Features

• Group Notes by Topic: Organize notes under different groups (e.g., HTML, CSS, JavaScript, etc.).
• Sidebar Navigation: Easily navigate between different note groups.
• Vite: Fast build and development environment using Vite.
• Responsive Design: Works across various screen sizes.

Tech Stack

• React: Frontend library for building the UI.
• Vite: Build tool for faster development and optimized production builds.

Installation

1. Clone the repository:

   git clone https://github.com/Manish1803/pocket-notes.git
   cd pocket-notes

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to:

   http://localhost:5173
   

Scripts

• npm run dev: Start the development server.
• npm run build: Build the project for production.
• npm run preview: Preview the production build.

Usage

1. Add notes to different groups (e.g., HTML, CSS, JS).
2. Navigate between groups using the sidebar.

Dependencies

• React
• Vite