Wakeel Saab is a modern web platform designed to help users easily connect with legal professionals (lawyers). It provides features like lawyer profile browsing, appointment booking, and account management with a beautiful and responsive user interface.
LANDING PAGE
CHATBOT
LAWYER BOOKING
REAL TIME NEWS
DOCUMENTS
CONTRACT
CLIENT'S DASHBOARD
- 🧑⚖️ Browse lawyer profiles
- 📅 Book legal appointments
- 🔒 User authentication (Supabase)
- 📰 Real-time legal and general news (via News API)
- ⚡ Fast, responsive UI using Next.js & Tailwind CSS
- 💬 Clean code structure using components and TypeScript
- 🌐 Built-in API routes (for secure data fetching)
- 🎨 Dark/light theme-ready
Wakeel-Saab/ ├── app/ # Main application pages and routes ├── components/ # Reusable React components (e.g., Navbar, Cards) ├── public/ # Static assets (images, icons) ├── styles/ # Global CSS or Tailwind config ├── .env.local # Environment variables (ignored by Git) ├── .gitignore # Files Git should ignore ├── README.md # Project documentation └── package.json # Project config and dependencies
- Next.js
- React
- TypeScript
- Tailwind CSS
- Supabase – for authentication and database
- Radix UI – accessible UI components
- Lucide Icons – beautiful icons
Follow these instructions to get a local copy up and running.
- Node.js (v18+ recommended)
- Git
- npm or yarn
git clone https://github.com/Rishi122005/Wakeel-Saab.git cd Wakeel-Saab
- Install Dependencies
npm install or (if using yarn)
yarn install
🔐 3. Create Environment Variables Create a file named .env.local in the root folder:
touch .env.local Then open it and paste your keys (these should never be pushed to GitHub):
GROQ_API_KEY=your_groq_api_key NEXT_PUBLIC_SUPABASE_URL=https://your-supabase-project.supabase.co NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key Make sure .env.local is listed in .gitignore.
npm run dev Visit http://localhost:3000 in your browser.
👨💻 Author Made by Rishi Raj and Sachin Singh.