Quillify ✍️

A modern, full-stack blogging application built with Next.js and JavaScript, powered by MongoDB for database operations.

Features • Tech Stack • Installation • Contributing • Screenshots • Live • Author

✨ Features

• 🔐 Secure Authentication - Login and registration with JWT and bcryptjs
• 📝 Rich Text Editing - Create and edit posts with WYSIWYG editor
• 📱 Responsive Design - Fully adaptive across all devices
• 📅 Smart Date Formatting - Intuitive published date displays
• 🔔 Real-time Notifications - Toast notifications for user interactions

🛠️ Tech Stack

Frontend

• Next.js - React framework for production
• React - UI component development
• TailwindCSS - Utility-first CSS framework

Backend & Database

• MongoDB - NoSQL database for flexible data storage
• jsonwebtoken - Secure authentication
• bcryptjs - Password encryption

🚀 Installation & Running Locally

1. Clone the repository

   git clone https://github.com/Ashwin-S-Nambiar/Quillify.git
   cd Quillify

2. Install dependencies

   npm install

3. Set Up MongoDB Database

   • Visit MongoDB Cloud and create a new cluster

   • Click "Connect" and choose "Connect to your application"

   • Copy the connection string

   • Create / Open .env

   • Add your MongoDB connection string:

     DATABASE_URL=your_mongodb_connection_string
     

4. Configure Additional Environment Variables

   # Generate JWT Secret
   node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"

   Create / Open .env.local and add:

   JWT_SECRET=generated_secret_from_above_command
   ADMIN_EMAIL=your_admin_email
   ADMIN_PASSWORD=your_admin_password
   

5. Create Admin Account

   # Creating an Admin
   node -r dotenv/config scripts/createAdmin.js

6. Launch development server

   npm run dev

🤝 Contributing

Contributions are welcome! Here's how you can help improve Quillify:

1. Fork the repository

2. Create a feature branch:

   git checkout -b feature/amazing-feature

3. Commit your changes:

   git commit -m 'Add some amazing feature'

4. Push to the branch:

   git push origin feature/amazing-feature

5. Open a Pull Request

📸 Screenshots

Landing Page

Adding Subscription

Blog in Detail

Admin Login

Adding New Blog

All Blog Details

All Subscription Details

404 Page

MongoDB Structure

🌐 Live

👤 Author

Ashwin S Nambiar

• Portfolio: ashwin-s-nambiar.is-a.dev
• GitHub: @Ashwin-S-Nambiar

---

Made with ❤️ by Ashwin S Nambiar