SkillUs

Πλατφόρμα ανταλλαγής και αγοράς δεξιοτήτων

Περιγραφή

Το SkillUs είναι μια διαδικτυακή πλατφόρμα ανταλλαγής και αγοράς δεξιοτήτων. Επιτρέπει σε κάθε χρήστη να δημοσιεύει ή να αναζητά δεξιότητες, να προσφέρει μαθήματα είτε ως αμοιβή είτε ως ανταλλαγή (skill swap), και να βρίσκει αξιόπιστους εκπαιδευτές ή μαθητές.

Σκοπός της πλατφόρμας είναι να δημιουργηθεί μια κοινότητα αμφίδρομης μάθησης, όπου ο κάθε χρήστης μπορεί να είναι ταυτόχρονα "δάσκαλος" και "μαθητής".

Δεν είναι:

• Πλατφόρμα MOOCs με προκατασκευασμένα μαθήματα ή πιστοποιήσεις
• Πλατφόρμα freelancing όπως Upwork
• Παροχέας εκπαιδευτικού περιεχομένου — συνδέει κατόχους δεξιοτήτων με ενδιαφερόμενους

---

Screenshots

Σύνδεση

Αρχική Σελίδα

Marketplace

Προβολή Αγγελίας (Offering)

Προβολή Αγγελίας (Requesting)

Ανάρτηση Νέας Δεξιότητας

Αίτημα για Δεξιότητα

Συνεδρίες

Μηνύματα

Προφίλ Χρήστη

---

Κύριες Λειτουργίες

• Αναζήτηση δεξιοτήτων με φίλτρα και κατηγορίες
• Δημιουργία αγγελίας για προσφορά ή αίτημα δεξιότητας
• Επιλογή "Swap Available" για ανταλλαγή δεξιοτήτων χωρίς χρήματα
• Εγγραφή και σύνδεση χρηστών με session-based authentication
• Προφίλ χρήστη με δεξιότητες, αξιολογήσεις και sessions
• Προγραμματισμός και διαχείριση συνεδριών
• Σύστημα μηνυμάτων μεταξύ χρηστών
• Αξιολογήσεις (reviews) μετά από ολοκληρωμένες συνεδρίες
• Ειδοποιήσεις για νέα μηνύματα και αιτήματα
• Πληρωμές με μηχανισμό escrow (κράτηση & αποδέσμευση)

---

Τεχνολογίες

Frontend

• React + TypeScript
• Vite
• Tailwind CSS
• Radix UI
• React Router
• Lucide Icons

Backend

• Node.js + Express
• PostgreSQL
• pg (node-postgres)
• bcrypt
• express-session

Hosting & Εργαλεία

• Railway (Hosting)
• Figma (Mockups)
• ClickUp (Διαχείριση tasks)
• VS Code

---

Δομή Έργου

Code/
├── index.html                  # Κεντρικό HTML αρχείο
├── public/                     # Στατικά assets (logo, εικόνες)
├── src/
│   ├── app/
│   │   ├── components/         # React UI components
│   │   │   └── ui/             # Επαναχρησιμοποιήσιμα UI στοιχεία
│   │   ├── context/            # React Context (AuthContext)
│   │   ├── pages/              # Σελίδες εφαρμογής
│   │   ├── types.ts            # TypeScript interfaces & domain model
│   │   └── mockData.ts         # Στατικά δεδομένα (κατηγορίες)
│   └── styles/                 # Global CSS
└── server/
    ├── index.ts                # Entry point Express server
    ├── controllers/            # Business logic
    ├── routes/                 # Express API routes
    ├── db/
    │   ├── schema.sql          # Ορισμός πινάκων PostgreSQL
    │   ├── seed.ts             # Demo δεδομένα
    │   └── database.ts         # Σύνδεση & migrations
    ├── middleware/             # Express middleware
    ├── services/               # Εξωτερικές υπηρεσίες (Jitsi)
    └── utils/                  # Βοηθητικές συναρτήσεις

---

Τοπική Εκτέλεση

# 1. Εγκατάσταση εξαρτήσεων
cd Code
npm install

# 2. Δημιούργησε αρχείο .env στον φάκελο Code/ με τα στοιχεία σύνδεσης PostgreSQL
# DATABASE_URL=postgresql://user:password@host:port/dbname

# 3. Εκκίνηση σε development mode (frontend + backend)
npm run dev

---

Demo Λογαριασμοί

Διαθέσιμοι λογαριασμοί δοκιμής στο αρχείο demo_credentials.txt.

---

Ομάδα Έργου

Μέλος	Ρόλος
Αγγελής Γιώργος	Contributor, Peer Reviewer
Αγγελόπουλος Μιχάλης	Contributor, Peer Reviewer
Γιαννακόπουλος Σωτήρης	Contributor, Peer Reviewer
Πετρόπουλος Γιώργος	Contributor, Peer Reviewer
Φουσέκης Πέτρος	Editor, Contributor