An open API service indexing awesome lists of open source software.

https://github.com/gaurav1-9/react-notes-app

A responsive user friendly Notes management app made in React and TailwindCSS with draggable notes card
https://github.com/gaurav1-9/react-notes-app

framer-motion notes-app reactjs responsive tailwindcss userfriendly

Last synced: about 2 months ago
JSON representation

A responsive user friendly Notes management app made in React and TailwindCSS with draggable notes card

Awesome Lists containing this project

README

          

# React Notes Application

A simple and responsive draggable notes application built with React and Tailwind CSS.

## Features

- Add new notes with a title and description.
- Edit existing notes.
- Delete notes.
- Drag and move notes freely within the screen.
- Modern, visually appealing and responsive UI.

## Project Screenshots


Initial Home Page
Initial Home Page


Adding a new note
Adding a new note


Dragged notes to your choice
Dragged notes to your choice

## Tech Stack

- React
- Tailwind CSS
- React Icons
- react-tooltip
- Framer Motion (for draggable animations)
- Node.js
- Express

## Dependencies
### Frontend
```bash
cd client
npm install react tailwindcss react-icons react-tooltip framer-motion
```

### Backend
```bash
cd server
npm install express joi
```

## Contribution

Feel free to fork the repo and create pull requests with improvements.