Skip to content

My classmate Sema E. and I wrote the final thesis for this project during the first semester of our fourth year. After conducting our research, we prepared the interface designs for our project using Figma. Source codes are in a separate repository and are not shared for confidentiality reasons.

License

Notifications You must be signed in to change notification settings

serhatzunluoglu/sermify

Repository files navigation

🇬🇧 Sermify – English Learning Platform

“Smile to Learn”

Sermify is a modern English learning platform designed to make learning fun and efficient through short videos, interactive exercises, and practical tests.
The project was developed as a graduation project, starting from research, user analysis, UI/UX design, frontend and backend development, and finally deployment.


⭐ Key Features

🎬 Short Learning Videos

• Fun 10–15 second clips
• Real-life usage examples
• Fully mobile-friendly

📝 Interactive Exercises

• Multiple-choice questions
• Video-based questions
• Image-based questions
• Fill-in-the-blanks
• Skip / return to questions
• Question progress indicator

👤 Profile Page

• Accuracy rate
• Summary of user stats
• Completed exercises

🏆 Leaderboard

Global ranking based on user performance and points.

🎨 Theme Options

• Dark mode
• Light mode

📱 Fully Responsive

Optimized for phones, tablets, and desktops.


🧱 Technologies

Frontend (english-app)

• React
• Vite
• SASS / SCSS
• React Router DOM
• Axios
• Context API (Theme + Auth)

Backend (WebProjectQuiz)

• Laravel
• MySQL
• JWT Authentication
• REST API
• Migrations / Seeders

Tools

• Figma
• Git & GitHub
• Plesk Deployment


🇹🇷 Sermify – İngilizce Öğrenme Platformu

“Öğrenmek İçin Gülümse”

Sermify, kısa videolar, interaktif alıştırmalar ve pratik testler ile İngilizce öğrenmeyi eğlenceli ve verimli hale getirmek için tasarlanmış modern bir öğrenme platformudur.
Proje; araştırma, kullanıcı analizi, UI/UX tasarımı, frontend ve backend geliştirme aşamalarından geçerek bir bitirme projesi olarak geliştirilmiştir.


⭐ Temel Özellikler

🎬 Kısa Öğrenme Videoları

• Eğlenceli 10–15 saniyelik klipler
• Günlük kullanım örnekleri
• Tamamen mobil uyumlu

📝 Etkileşimli Alıştırmalar

• Çoktan seçmeli sorular
• Videolu sorular
• Görsellerle desteklenmiş sorular
• Boşluk doldurma
• Soruları atlama / geri dönme
• Soru ilerleme göstergesi

👤 Profil Sayfası

• Doğruluk oranı
• Kullanıcı istatistik özeti
• Tamamlanan alıştırmalar

🏆 Sıralama

Kullanıcı performansı ve puanlara göre global sıralama.

🎨 Tema Seçenekleri

• Koyu tema
• Açık tema

📱 Tamamen Responsive

Telefon, tablet ve masaüstü cihazlar için optimize edilmiştir.


🧱 Kullanılan Teknolojiler

Frontend (english-app)

• React
• Vite
• SASS / SCSS
• React Router DOM
• Axios
• Context API (Tema + Auth)

Backend (WebProjectQuiz)

• Laravel
• MySQL
• JWT Authentication
• REST API
• Migrations / Seeders

Araçlar

• Figma
• Git & GitHub
• Plesk Deployment


About

My classmate Sema E. and I wrote the final thesis for this project during the first semester of our fourth year. After conducting our research, we prepared the interface designs for our project using Figma. Source codes are in a separate repository and are not shared for confidentiality reasons.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published