Quill-Journaling-App

✍️ Quill - Journaling App

Quill is a simple and elegant journaling web application built with HTML, CSS, and JavaScript.
It provides users with a distraction-free space to create, organize, and reflect through journal entries.

---

🚀 Features

• 📖 Create Journal Entries with title, category, and content
• 🗂 Organize by Categories (Idea, Note, Goal, Habit, Memory, Mood, Event, Task)
• 🔑 User Authentication UI – Login & Register pages
• 💬 Chat Popup (Coming Soon) – placeholder for future real-time chat
• 📱 Responsive Design – works across desktops, tablets, and mobiles
• 🎨 Modern UI/UX – clean typography, intuitive layout

---

🛠️ Tech Stack

• HTML5 – semantic structure
• CSS3 – custom styles, responsive layouts (app.css, queries.css)
• JavaScript (Vanilla) – interactivity (script.js)
• Google Fonts (Poppins) – modern typography

---

📂 Project Structure

quill-journaling-app/
│
├── app.css              # Main stylesheet
├── queries.css          # Responsive media queries
├── script.js            # Chat popup functionality
│
├── login.html           # Login page
├── register.html        # Registration page
├── create-journal.html  # Create Journal page
│
├── images/              # App logos and social icons
└── README.md            # Project documentation

---

⚙️ Setup & Usage

1. Clone this repository:

   git clone https://github.com/SagarXdev23/quill-journaling-app
   

2. Open the project folder:

   cd quill-journaling-app
   

3. Run locally by opening any of the HTML files (login.html, register.html, create-journal.html) in your browser.

---

🌍 Live

👉 GitHub Pages Link

---

🛠️ Future Enhancements

• ✅ Connect with a backend (Node.js/Express, MongoDB) for persistent storage
• ✅ Add rich text editor for journal entries
• ✅ Implement authentication and authorization
• ✅ Add journal dashboard with filtering and search

---

❤️ Acknowledgments

Built with HTML, CSS, and JavaScript as part of a journaling app project.
Made with ♥ in India 🇮🇳

---