https://github.com/RetajSWE/Nextstep-SDAIA

https://nextstep-ecru.vercel.app/

Admin Profile Info Below ↓↓

NextStep

A Centralized Opportunity Platform for Students & Fresh Graduates

NextStep is a web platform that centralizes opportunities for students and fresh graduates in one place. Instead of searching across multiple websites and social media platforms, users can discover internships, bootcamps, scholarships, competitions, workshops, graduate programs, volunteering opportunities, and jobs through a single platform.

---

📌 Problem

Students and fresh graduates often struggle to find opportunities because they are scattered across different platforms, making the search process time-consuming and inefficient.

---

💡 Solution

NextStep provides a centralized platform where verified organizations can publish opportunities and students can easily discover, save, and apply for them.

---

Features

Student

• Browse opportunities
• Search and filter opportunities
• Save favorite opportunities
• View opportunity details
• Manage profile
• Student dashboard

Organization

• Create opportunities
• Edit opportunities
• Delete opportunities
• Manage published opportunities
• Organization profile
• Organization dashboard

Admin

• Manage organizations
• Verify organizations
• Manage opportunities
• Platform overview
• Admin dashboard

---

Opportunity Categories

• Internships
• Bootcamps
• Scholarships
• Graduate Programs
• Competitions
• Workshops
• Volunteering
• Jobs

---

Languages

• English
• Arabic (RTL Support)

---

Frontend

• React
• TypeScript
• TanStack Start
• Tailwind CSS

Backend

• Supabase

Database

• PostgreSQL (Supabase)

Authentication

• Supabase Authentication

---

📁 Project Structure

nextstepopp-main/
├── public/                     # Static assets
├── src/
│   ├── components/              # UI components (ui/, nav, footer, page-shell, opportunity-card, language-switcher)
│   ├── hooks/                    # use-session.ts, use-mobile.tsx
│   ├── i18n/                     # index.ts + locales (en.json, ar.json)
│   ├── integrations/supabase/    # Supabase clients & auth middleware
│   ├── lib/                      # opportunities.ts, utils.ts, error handling
│   ├── routes/                   # Pages: index, about, login/register, opportunities, saved, profile, dashboards (student/organization/admin), sitemap
│   ├── router.tsx / server.ts / start.ts / styles.css
├── supabase/                     # config.toml + migrations (schema + RLS policies)
├── vite.config.ts
├── package.json
└── tsconfig.json

---

⚙️ Installation

Clone the repository

git clone https://github.com/RetajSWE/nextstepopp.git

Install dependencies

```bash
npm install

Create a .env

VITE_SUPABASE_URL=YOUR_SUPABASE_URL
VITE_SUPABASE_PUBLISHABLE_KEY=YOUR_SUPABASE_PUBLISHABLE_KEY

Run locally

npm run dev

Build production

npm run build

---

👤 Demo Account

Admin

Email

admin@nextstep.com

Password

@Admin@@1

---

👥 Team

• Retaj

---

---

🎥 Demo

Live Demo: https://nextstep-ecru.vercel.app/

Course Information This project was developed as part of:

Advanced Agentic AI Systems Engineering هندسة أنظمة الذكاء الاصطناعي الوكيلي المتقدمة

SDAIA Academy August 9–13, 2026

SDAIA Academy GitHub:

https://github.com/SDAIAAcademy