🔗 Live Demo: EquiLaw
EquiLaw is a web-based platform designed to connect users with legal professionals and resources across various legal fields, including Business, Criminal, Child Support, Education, and Divorce. It features an intuitive user interface for clients and a robust admin panel for managing legal content and inquiries.
✅ 🏠 Home Page – Overview of legal services offered.
✅ 🔐 Login/Signup – Secure authentication using Firebase.
✅ 📜 Case Submission – Users can browse cases.
✅ 📰 Legal Blog – Explore informative legal blogs and insights.
✅ 📩 Contact Us – Secure messaging system for authenticated users to reach the admin.
✅ 📊 Admin Dashboard – Centralized management of legal content.
✅ 📝 Blog Management – Create, edit, and delete blog posts.
✅ 📂 Case Management – Create, edit, and delete cases.
✅ 📧 Message Management – View and reply to user inquiries.
✅ 🔑 Secure Admin Authentication – Only authorized admins can access the dashboard.
| Technology | Description |
|---|---|
| React.js | Frontend framework for building dynamic UI |
| React Router | Handles client-side routing |
| Tailwind CSS | Utility-first CSS framework for responsive styling |
| DaisyUI | Component library for enhanced UI |
| Firebase Authentication | User authentication and security |
| Firestore Database | NoSQL cloud database for storing user data |
| Netlify | Hosting and deployment |
Install project dependencies before running the application:
npm installKey dependencies from package.json:
"react""react-router-dom""firebase""tailwindcss""daisyui"
Ensure you have the following installed:
- Node.js → Download
- Firebase account → Firebase Console
- Netlify account (Optional for deployment)
1️⃣ Clone the Repository
git clone https://github.com/NissanJK/EquiLaw.git
cd EquiLaw2️⃣ Install Dependencies
npm install3️⃣ Set Up Firebase
- Create a Firebase project in the Firebase Console.
- Enable Authentication (Email/Password).
- Set up Firestore Database with a
userscollection. - Add Firebase configuration details in
src/utils/firebase.config.js:
const firebaseConfig = {
apiKey: "your-api-key",
authDomain: "your-auth-domain",
projectId: "your-project-id",
storageBucket: "your-storage-bucket",
messagingSenderId: "your-messaging-sender-id",
appId: "your-app-id"
};
export const auth = getAuth(app);
export const db = getFirestore(app);4️⃣ Run the Development Server
npm run dev- The app will be available at http://localhost:3000/ 🚀
src/
├── assets/ # CSS and images
├── components/ # Reusable components
├── layout/ # Layout components (Admin/User layouts)
├── pages/ # Page components for routing
├── utils/ # Firebase configuration and utilities
├── App.jsx # Main application component
├── main.jsx # Entry point
- ✅ Live Chat Support – Real-time communication with legal advisors.
- ✅ Advanced Case Tracking – Allow users to track progress of their legal cases.
- ✅ Multilingual Support – Support for multiple languages to reach a wider audience.
📧 Email: jawadul.karim78@gmail.com
🔗 LinkedIn: Jawadul Karim