Skip to content

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

Notifications You must be signed in to change notification settings

gaurav1-9/react-notes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

cd client
npm install react tailwindcss react-icons react-tooltip framer-motion

Backend

cd server
npm install express joi

Contribution

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

About

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

Topics

Resources

Stars

Watchers

Forks