https://github.com/manikantkr-1004/draggable_notes

Draggable Notes is a platform where user can do CRUD operation, pin and drag notes.
https://github.com/manikantkr-1004/draggable_notes

chakra-ui react

Last synced: 2 months ago
JSON representation

Draggable Notes is a platform where user can do CRUD operation, pin and drag notes.

• Host: GitHub
• URL: https://github.com/manikantkr-1004/draggable_notes
• Owner: Manikantkr-1004
• Created: 2024-01-02T18:35:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-14T17:59:57.000Z (over 1 year ago)
• Last Synced: 2025-02-09T09:17:04.134Z (4 months ago)
• Topics: chakra-ui, react
• Language: JavaScript
• Homepage: https://dragnotes.netlify.app/
• Size: 2.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Draggable Notes

Draggable Notes is a platform where users can perform CRUD operations, pin notes, and drag them around the UI.

## Features

- CRUD operation with Notes

- Pin Notes

- Drag Notes Anywhere in the UI

## Screenshots

![draggable-notes](https://github.com/Manikantkr-1004/Draggable_Notes/assets/123896779/6cb35c7c-af75-454a-966a-5321058d1188)

## Tech Stack

- Front-end:

  - Chakra UI for a visually appealing user interface.

  - React.js for building Single Page Application.

## Project Links

- **Frontend:** [https://dragnotes.netlify.app/](https://dragnotes.netlify.app/)

## Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/Manikantkr-1004/Draggable_Notes.git

   ```

2. run command in terminal

   ```

   npm install

   ```

3. Run project

   ```

   npm start

   ```

Feel free to explore the project using the provided links.