Η εφαρμογή Prog-Intro-Lectures είναι μια διαδικτυακή πλατφόρμα σχεδιασμένη για τη συγκέντρωση όλων των υλικών του μαθήματος "Εισαγωγή στον Προγραμματισμό" του Τμήματος Πληροφορικής και Τηλεπικοινωνιών (DIT).
Εδώ θα βρείτε:
- Καταγραφές μαθημάτων
- Διαφάνειες
- Kahoot Quizzes για εξάσκηση
- Coding Challenges για να δοκιμάσετε τις ικανότητές σας
- React
- NodeJS
- React Boostrap
- Docker
- HTML
- CSS
- JavaScript
- Python
Έμπνευση ήταν η σελίδα Quiz App. Credits στην original creator.
- Να βάλουμε τα quiz.
- Να βάλουμε τα emojis.
- Να φτιάξουμε το background dark-white.
- Να βάλουμε Google Sans γραμματοσειρά.
- Να οργανώσουμε τα αρχεία σε υποφακέλους.
- Να προστεθούν ασκήσεις με κώδικα.
Για να εγκαταστήσετε και να τρέξετε το frontend τοπικά, ακολουθήστε τα παρακάτω βήματα:
- Κλωνοποιήστε το αποθετήριο:
https://github.com/mgiannopoulos24/Prog-Intro-Lectures.git
- Μεταβείτε στο φάκελο του project:
cd Prog-Intro-Lectures
- Εγκαταστήστε τα απαιτούμενα πακέτα:
npm install
- Ξεκινήστε την εφαρμογή.
npm start
Βεβαιωθείτε ότι έχετε εγκαταστήσει το NodeJS στον υπολογιστή σας.
Για να τρέξετε το backend μέρος της εφαρμογής μέσω Docker, ακολουθήστε τα παρακάτω βήματα:
- Βεβαιωθείτε ότι έχετε εγκαταστημένο το Docker στον υπολογιστή σας.
- Βεβαιωθείτε ότι το Docker Desktop εκτελείται.
- Δημιουργήστε την εικόνα Docker για το backend:
docker build -t prog-intro-backend .
- Εκτελέστε το backend container:
docker run -p 5000:5000 prog-intro-backend
- Το backend API θα είναι διαθέσιμο στη διεύθυνση
http://localhost:5000
.
Μπορείτε να εκτελέσετε το frontend και το backend ταυτόχρονα τοπικά, όπου το backend μέσω Docker θα εξυπηρετεί τα αιτήματα του frontend.
Θερμές ευχαριστίες αποδίδονται στον κύριο Θανάση Αυγερινό, ο οποίος μας παρείχε τα Kahoot Quiz.
Ευχαριστούμε θερμά όλους εσάς που χρησιμοποιείτε την πλατφόρμα Prog-Intro-Lectures. Η συμβολή σας στην ανάπτυξη και εξέλιξη της εφαρμογής είναι ανεκτίμητη. Ελπίζουμε να απολαμβάνετε την εμπειρία μάθησης και να σας βοηθά στις σπουδές σας. Σας προσκαλούμε να συνεχίσετε να μοιράζεστε τις σκέψεις σας και να μας στέλνετε τις προτάσεις σας για βελτιώσεις.
Με εκτίμηση,
Η ομάδα του Prog-Intro-Lectures.