Canvas Whisper

Canvas Whisper is a web application that allows users to create, update, and delete their own art and crafts. This project is built using React, Tailwind CSS, and DaisyUI, with Firebase for authentication and several other useful React packages.

Features

• CRUD Operations: Users can create, read, update, and delete their own art and crafts.
• User Authentication: Secure login and registration using Firebase Authentication.
• Responsive Design: Built with Tailwind CSS and DaisyUI for a responsive and attractive design.
• Notifications: Real-time notifications using React Toastify and SweetAlert2 for all CRUD operations.

Technologies Used

• React: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework.
• DaisyUI: Tailwind CSS component library.
• Firebase: Backend-as-a-Service (BaaS) providing authentication and database.
• React Packages:
  • react-router-dom: For routing.
  • react-hook-form: For handling forms.
  • react-icons: For icons.
  • react-toastify: For toast notifications.
  • sweetalert2: For alert dialogs.
  • swiper: For sliders and carousels.

Installation

1. Clone the repository:

   git clone https://github.com/rafiferdos/canvas-whisper.git
   cd canvas-whisper

2. Install dependencies:

   npm install

3. Create a Firebase project and set up authentication and Firestore. Update the Firebase configuration in your project.

4. Run the application:

   npm run dev

Usage

1. Visit the website: Canvas Whisper

2. Register or log in: Create an account or log in with your existing account.

3. Create your art and crafts: Use the interface to create, update, or delete your art & crafts.

Author

Rafi Ferdos

• GitHub: github.com/rafiferdos

Thank you for using Canvas Whisper!