Law-gically Yours ⚖️

🌐 A Modern Legal Insights Blog Platform

Built with React, Vite, and Supabase — Empowering legal knowledge sharing

📖 Documentation · 🐛 Report Bug · ✨ Request Feature

---

✨ What is Law-gically Yours?

Law-gically Yours is a professional legal blog platform designed to share legal insights, case analyses, and constitutional law articles. Whether you're a law student, legal professional, or someone curious about the law, this platform makes legal knowledge accessible and engaging.

🎯 Key Highlights

Feature	Description
🎨 Premium Design	Clean, professional UI with elegant amber & warm color palette
✍️ Rich Content	Full GitHub Flavored Markdown support with syntax highlighting
📜 Bare Acts Library	Comprehensive collection of Indian legislation with structured chapters & sections
🔐 Secure Admin	Protected dashboard for content management
💬 User Engagement	Real-time comments, likes with Google OAuth authentication
📱 Fully Responsive	Seamless experience across all devices
🎭 Interactive 3D	Beautiful Three.js animations on the homepage
⚡ Lightning Fast	Optimized performance with Vite and lazy loading

---

🚀 Features

📝 Blog Features

• Markdown Rendering — Headings, bold, italic, links, lists, blockquotes, code blocks, and tables
• Image Gallery — Upload and display multiple images per article
• PDF Attachments — Embed and view PDF documents inline
• Social Sharing — Share articles on Twitter, LinkedIn, and more
• Like & Comment System — Real-time user engagement with Supabase Realtime

📜 Bare Acts Library

• Comprehensive Legislation — Access to major Indian laws including the Constitution, IPC, CrPC, and more
• Structured Content — Well-organized chapters, sections, and articles for easy navigation
• Search & Filter — Quickly find specific acts with smart filtering options
• Beautifully Formatted — Clean presentation with professional typography and layout
• Regular Updates — Content maintained to reflect the latest amendments

🔧 Admin Features

• Blog Editor — Create and edit articles with live markdown preview
• Media Upload — Drag & drop images and PDFs to Supabase storage
• Draft/Publish — Control article visibility and featured status
• Tag Management — Organize content with custom tags
• Password Protection — Secure admin access with bcrypt hashing

---

🛠️ Tech Stack

Technology	Purpose	Version
	UI Framework	18.3+
	Build Tool	5.4+
	Styling	4.1
	Backend & DB	Latest
	3D Graphics	Latest

Additional Technologies:

• React Router — Client-side routing
• Zustand — Lightweight state management
• React Markdown — GFM rendering with remark/rehype plugins
• React Three Fiber — Declarative Three.js bindings

---

📦 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn
• Supabase account

Installation

# Clone the repository
git clone https://github.com/ratna3/Law-Veritas.git

# Navigate to project directory
cd Law-Veritas/my-right-window

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env
# Edit .env with your Supabase credentials

# Start development server
npm run dev

Environment Variables

Create a .env file with the following:

VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

Build for Production

npm run build
npm run preview  # Preview production build locally

---

📁 Project Structure

my-right-window/
├── 📁 public/              # Static assets & favicon
├── 📁 src/
│   ├── 📁 components/      # Reusable UI components
│   │   ├── 📁 3d/          # Three.js 3D components
│   │   ├── 📁 blog/        # Blog-specific components
│   │   ├── 📁 common/      # Shared UI elements
│   │   └── 📁 layout/      # Layout wrappers
│   ├── 📁 pages/           # Route page components
│   │   └── 📁 Admin/       # Admin dashboard pages
│   ├── 📁 services/        # Supabase API services
│   ├── 📁 store/           # Zustand state management
│   └── 📁 data/            # Demo/mock blog data
├── 📁 supabase/            # Database migrations
├── 📄 package.json
└── 📄 vite.config.js

---

🗄️ Database Schema

The platform uses Supabase with the following tables:

Table	Description
blogs	Blog posts with title, content, slug, images, tags
user_profiles	User information linked to Supabase Auth
likes	Blog like tracking (user_id, blog_id)
comments	Threaded comments with parent_id support

Storage Buckets: images, pdfs

---

📝 Markdown Support

Full GitHub Flavored Markdown (GFM) support:

# Heading 1
## Heading 2

**Bold text** and *italic text*

[Links](https://example.com)

- Bullet lists
- [x] Task lists

> Blockquotes for legal citations

| Case Name | Year | Ruling |
|-----------|------|--------|
| Example v. State | 2024 | ✓ |

`inline code` and fenced code blocks

---

🚀 Deployment

The project is deployed on Vercel with automatic deployments from the main branch.

Live URL: https://lawgicallyours.vercel.app

Deploy Your Own

---

🤝 Contributing

Contributions are welcome! Please read our Contributing Guide first.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

This project is open source and available under the MIT License.

---

👨‍💻 Author

Ratna Kirti

---

💖 Support the Project

If you find Law-gically Yours helpful, please consider:

⭐ Starring this repository
🐛 Reporting bugs and issues
💡 Suggesting new features
🔀 Contributing code improvements

---

Made with ❤️ and ⚖️ by Ratna Kirti

"Justice is the constant and perpetual will to render to everyone that which is their due."