Trusted Profiles
Trusted Profiles is a feature-rich professional directory designed to connect talent with opportunities. It allows individuals to build a detailed, public-facing portfolio and provides a robust platform for users to discover skilled professionals across various industries.
Tech Stack :
Trusted Profiles - Professional Directory
A modern, full-stack application for creating, showcasing, and discovering professional profiles.
🎨 Screenshots
🏠 Homepage
📊 Add Your Profile
About The Project
Trusted Profiles is a feature-rich professional directory designed to connect talent with opportunities. It allows individuals to build a detailed, public-facing portfolio and provides a robust platform for users to discover skilled professionals across various industries. The application includes a comprehensive admin dashboard for content moderation and user management, ensuring a high-quality, verified community.
This project is built as a monolithic Next.js application, demonstrating modern full-stack development practices, including server-side rendering, client-side interactivity, and a complete administrative backend.
Key Features
- ✨ Multi-Step Profile Creation: A guided, user-friendly wizard for building a comprehensive professional profile.
- 🔍 Advanced Search & Filtering: Robust search capabilities by keyword, category, subcategory, and country.
- 👤 Unique Profile URLs: SEO-friendly, personalized URLs for each professional (e.g., ).
- 🎨 Multiple Profile Views: Profiles are displayed in rich Card Views for browsing and a paginated Table View for structured listings.
- 🔒 Admin Approval System: All new profiles are and must be approved by an administrator before going public.
- 🔑 Secure Admin Dashboard: A protected area for managing users, approving/rejecting profiles, and featuring top talent.
- 🌗 Light & Dark Mode: A beautiful, modern UI with full support for light and dark themes.
- ☁️ Cloud Image Uploads: Secure and efficient image handling via Cloudinary for profile pictures and banners.
Built With
This project leverages a modern, powerful, and scalable technology stack.
| Technology | Description |
|---|---|
 | Full-Stack React Framework (App Router) |
 | Static Typing for JavaScript |
 | NoSQL Database |
 | Utility-First CSS Framework |
 | Re-usable UI Components |
 | Cloud-based Image Management |
Application Behavior
UI Design & Theme
| Element | Light Theme (HSL) | Dark Theme (HSL) |
|---|---|---|
| Background | ||
| Primary (Accent) | ||
| Card |
- Typography: Headlines use , and body text uses .
Profile Display & Search
Profiles are presented in different views and can be searched with various filters depending on the context.
| Page / Context | Profile View | Available Filters |
|---|---|---|
| Homepage | Card View (Featured) | Keyword & Subcategory (redirects to ) |
| All Profiles () | Paginated Table View | Keyword (Name, Title), Subcategory, Country |
| Admin Dashboard | Paginated Table View | Keyword, Category, Status (, , etc.), Date Range |
Profile Creation Process
The form at is a guided, multi-step process.
| Step | Name | Required Fields | Optional Fields |
|---|---|---|---|
| 1 | Personal Info | Full Name, Username, Email, Phone, DoB, Address (Country, State, City), Profile Picture | WhatsApp Number, Cover Photo, Additional Addresses |
| 2 | Summary | Category, Subcategory, Title, Description | - |
| 3 | Professional Info | At least one Skill | Education records |
| 4 | Social Links | - | Links to various social/professional platforms |
| 5 | Languages | At least one Language | - |
Navigation & Footer
- Header: Contains links to , , , , and a call-to-action to .
- Footer: Includes platform links, support pages, and social media connections.
Admin Dashboard
The Admin Dashboard is a secure, protected area for managing the application.
Admin Actions
From the user management table, an administrator can:
- / : Change a profile's status.
- / : Toggle a profile's visibility in the homepage carousel.
- : Navigate to a pre-filled form to modify any aspect of a user's profile.
- : Permanently remove a profile from the database.
- : Open the public-facing profile page.
Important URLs
| Page | URL |
|---|---|
| Homepage | |
| Create Profile | |
| Individual Profile Page | |
| All Profiles List (Table) |
Made with ❤️ by Muhammad Hussain