LoethTechnology/Emplora-Frontend

An open-source platform for reviewing and rating employers in Nigeria, promoting transparency and better workplace standards. Built collaboratively by the Loeth community to empower employees and inform job seekers # Emplora Frontend Emplora is an open-source platform dedicated to enhancing workplace transparency in Nigeria. By providing a space for reviewing and rating employers, we empower job seekers with authentic insights and encourage organizations to maintain high workplace standards. This project is built collaboratively by the **Loeth** community. --- ## 🚀 Getting Started To get a local copy up and running, follow these steps: 1. **Clone the repository:** ```bash git clone git@github.com:LoethTechnology/Emplora-Frontend.git ``` 2. **Install dependencies:** ```bash cd Emplora-Frontend/ npm install ``` 3. **Run the development server:** ```bash npm run dev ``` 4. **Open your browser:** Navigate to localhost to see the result. --- ## 📂 Project Structure This project uses the **Next.js App Router** architecture. Understanding the directory layout is key to contributing effectively: ### `app/` (Core Routing) The `app` directory uses **Route Groups** (folders in parentheses like `(auth)`) to organize routes without affecting the URL path. - **`(auth)/`**: Handles authentication-related pages. - `login/`: The sign-in page. - `register/`: The sign-up page. - **`(dashboard)/`**: Contains protected routes for authenticated users. - `dashboardHome/`: The user's main overview. - `setting/`: User profile and account preferences. - **`(public)/`**: Routes accessible to everyone. - `about/`: Information about the Emplora mission. - `contact/`: Support and contact forms. - **`layout.tsx`**: The root layout that wraps all pages. - **`globals.css`**: Global Tailwind CSS styles. ### `components/` (Reusable UI) Small, modular UI elements are stored here to keep the code DRY (Don't Repeat Yourself). - **`buttons/`**: Standardized buttons like `registerBtn` and `signInBtn`. - **`navbar/`**: The primary navigation component. - **`footer/`**: The site-wide footer component. ### Other Directories - **`images/`**: Static assets organized by page (e.g., `home/`, `abou …