vishal

The Admin Panel and Home Page already exist.

1. Admin Panel – Article Creation

Article Create / Edit Form:

Create an advanced article editor in the admin panel with the following fields:

Basic Information:

• Article Title

• Slug (auto-generated, editable)

• Short Excerpt / Summary

• Category (dropdown)

• Tags (multiple)

• Author (admin user)

Content Editor:

• Rich text editor (supports headings, paragraphs, lists)

• Ability to insert:

  • Inline images

  • Block images

  • Quotes

  • Code blocks

• Automatic Table of Contents generation based on H2/H3 headings

Images:

• Featured Image upload (single, required)

• Inline images inside article content

• Image preview before save

• Image alt text support

• Image optimization

SEO & Meta Data:

• Meta Title

• Meta Description

• Meta Keywords

• Canonical URL

• Open Graph image

Publishing Options:

• Draft / Published status

• Schedule publish date

• Featured article toggle

• View count enabled

2. Backend Logic (Laravel):

• Articles stored in database with proper relationships:

  • Category

  • Tags

  • Author

• Slug-based routing for articles

• Image storage using Laravel storage

• Validation for all fields

• Clean and scalable architecture

3. Frontend – Article Detail Page

When a user clicks an article on the frontend:

Article Detail Layout:

• Article title

• Author name and publish date

• Featured image at top

• Table of Contents (auto-generated, sticky on scroll)

• Article content with images

• Proper typography for magazine-style reading

Related Posts Section:

• Show 3–5 related articles

• Based on:

  • Same category

  • Shared tags

• Display with:

  • Thumbnail image

  • Title

  • Publish date

SEO & UX:

• Meta tags rendered dynamically

• SEO-friendly URLs

• Lazy loading for images

• Smooth scrolling for table of contents links

4. Extra Features:

• Article view counter

• Social share buttons (UI)

• Comment section placeholder

• Responsive design

• Dark mode compatible UI

• 
  

Technical Stack:

• Laravel (controllers, models, migrations)

• Blade templates

• Tailwind CSS or custom CSS

• Clean, reusable components

1. Deliver a production-ready Article System that matches a premium magazine brand and follows Laravel best practices.