Scribbly

Scribbly - Personal Notes Management App

Scribbly is a comprehensive note-taking application that allows users to create, edit, delete, and organize their notes efficiently. The app includes user authentication, note categorization with tags, search functionality, and the ability to pin important notes.

Project Demo


Features

  • User Authentication: Secure registration and login system with JWT tokens
  • Note Management: Create, read, update, and delete notes with rich content
  • Tag System: Organize notes with customizable tags for easy categorization
  • Search Functionality: Real-time search through notes by title and content
  • Pin Notes: Mark important notes as pinned for quick access
  • Responsive Design: Fully responsive UI that works on desktop and mobile devices
  • Modern UI/UX: Clean, intuitive interface built with Tailwind CSS

Technology Stack

Frontend Technologies

  • React 19 - Modern React with hooks and functional components
  • Vite - Fast build tool and development server
  • Tailwind CSS - Utility-first CSS framework for styling
  • React Router Dom - Client-side routing
  • Axios - HTTP client for API requests
  • React Icons - Icon library for UI elements
  • React Modal - Accessible modal components
  • Moment.js - Date formatting and manipulation

Backend Technologies

  • Node.js - JavaScript runtime environment
  • Express.js - Web application framework
  • MongoDB - NoSQL database for data storage
  • Mongoose - MongoDB object modeling
  • JWT (JSON Web Tokens) - Secure user authentication
  • CORS - Cross-origin resource sharing
  • Nodemon - Development tool for auto-restarting server

Built with ❤️ by Aditya Prakash