Skip to content

Latest commit

 

History

History
131 lines (96 loc) · 2.94 KB

File metadata and controls

131 lines (96 loc) · 2.94 KB

🇬🇧 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