A beautiful notes-taking web application built with React.js and Tailwind CSS, designed based on a Figma UI design. This app leverages Firebase for cloud storage and authenication manually and also Continue With Google providing a seamless note-taking experience with persistent cloud backup.
- 📝 Create, edit, and delete notes
- 🎨 Colorful note cards with different color themes
- 🔍 Search functionality to find notes quickly
- 💾 Data Safe on Firebase Cloud
- 📱 Responsive design matching using Figma design
- ✨ Smooth animations and transitions
- React - UI library
- TypeScript - Type safety
- Tailwind CSS - Styling
- Firebase - Cloud storage and authentication
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository or navigate to the project directory
- Install dependencies:
npm installStart the development server:
npm startThe app will open in your browser at http://localhost:3000
This project is open source and available for use.