Journal Notes ✍️

Web application to create your own notes, which you can view each of your notes, edit your notes, and even delete them if you no longer need them.
But also, you can add or delete images inside your notes!

Main features of this app. 🧐

• Sign in with Google.
• Create an account.
• Create notes and add content to them.
• Add photos to notes.
• Edit notes and their photos.
• Delete notes.
• Delete photos from notes.

Technologies used. 🧪

• React JS v.18.
• TypeScript.
• Vite JS.
• Redux Toolkit.
• Firebase (authentication and storage).
• Tailwind CSS.
  • Daisy UI (Tailwind CSS component library).
• Cloudinary (image storage).

Instalation. 🚀

1. Clone the repository

 git clone https://github.com/Franklin361/journal-app

2. Run this command to install the dependencies.

 npm install

3. Create the .env file in the root of the project and add the following variables.

    /* Firebase keys */

    VITE_APIKEY=
    VITE_AUTHDOMAIN=
    VITE_DATABASEURL=
    VITE_PROJECTID=
    VITE_STORAGEBUCKET=
    VITE_MESSAGINGSENDERID=
    VITE_APPID=

    /* Cloudinary keys */

    VITE_PRESET= 
    VITE_CLOUD_NAME=
    VITE_KEY=
    VITE_SECRET=

4. Run this command to raise the development server.

 npm run dev

Link. ⛓️

Demo of the app 🔗 https://journal-notes.netlify.app