LockedIn is a professional networking platform built with modern web technologies. It enables users to connect, share professional experiences, and discover job opportunities. The platform offers a comprehensive suite of features for career development and professional networking.
- Comprehensive Profiles: Create and customize detailed professional profiles.
- Experience & Education: Showcase your work history and educational background.
- Skills Showcase: Highlight your technical and professional skills.
- Profile Privacy Settings: Control who can view your profile.
- Connection Management: Send, accept, or reject connection requests.
- Network Visualization: View and manage your professional network.
- Follow Capability: Follow professionals without direct connections.
- Real-time Updates: Stay informed about your network's activities.
- Job Discovery: Browse and search for relevant job opportunities.
- Job Application: Apply directly to positions within the platform.
- Application Tracking: Monitor the status of your job applications.
- Company Profiles: View detailed information about potential employers.
- Real-time Messaging: Chat with your connections.
- Push Notifications: Stay informed even when the app is in the background.
- Email Verification: Secure account creation.
- Multi-factor Authentication (OTP support).
- Password Management: Secure password reset and update.
- Privacy Controls: Fine-grained control over your data and visibility.
- React – Component-based UI library.
- JavaScript – Strongly typed JavaScript.
- TailwindCSS – Utility-first CSS framework.
- React Router – Declarative routing.
- Axios – HTTP client for API communication.
- Chart.js – Data visualization.
- Firebase Authentication – Email & social login.
- Firebase Firestore – Real-time NoSQL database.
- Firebase Cloud Messaging – Push notifications.
- React Context API – Global state management.
- Vitest – Unit testing framework.
- React Testing Library – Component testing.
- Node.js (v16 or later)
- npm (v8 or later)
- A Firebase project
- Clone the repository:
git clone https://github.com/tahaaa22/ClinkedIn/Frontend.git cd Frontend
Create a Firebase project. Add a web app to the Firebase project. Download and place firebase-config.js in the appropriate directory. Enable: Firebase Authentication Firestore Cloud Messaging
LockedIn uses a component-based architecture with a clean separation of concerns:
Components – Reusable UI elements. Pages – Page-level components for routing. Context – Global state management. Hooks – Custom React hooks for reusable logic. Utils – Utility functions for common tasks.
Authentication – Email sign-up/login with verification. Profile Creation – Build out your professional profile. Networking – Connect or follow other professionals. Job Exploration – Discover and apply for jobs. Notifications – Get updates on connections and job status.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch.