Skip to content

Online learning web application frond-end template. UCSY semester 3 ITSM group project by DevGeeks.

License

Notifications You must be signed in to change notification settings

DevGeeksMyanmar/learning_app

Repository files navigation

Documentation

🚀 Collaborators 🚀

⭐⭐⭐⭐⭐

Hein Htet San Wai Yan Tun Lynn Myat Bhone
Follow Follow Follow
Kyaw Thuta Oo Pyae Phyo Maung Htet Aung Hlyan
Follow Follow Follow

Project Title

Dev Geeks Learning Web Application

Snap Shot

Deployment - Demo

Project Scope and Objectives

Outline 🔥

Analyzing App Idea 💹

The idea of project intend to increase demand for accessible and hight-quality learning opportunity. Our team want to provide a platform where people can easily access varitey of courses and gains skills. So, we decided to build a user-friendly learning web app.

Research

We did a lot of research on the internet. Inspiring the learning platform like Udemy, Coursea, Freecodecamp and so on. We also considered the best user experience ever.

Sketch 🖊️

Before we started, we made researches on how the application was supposed to be and also considering that fact, and we did sketch up the raw design on Figma first. You can also check Here.

Features 🔥

  • Best User Experience ever.
  • Course Catalog
  • Course Listings
  • Enrollment
  • Video Lessons
  • Discussion Forums
  • Instructor Interaction
  • Certification of Completion
  • Progress Tracking
  • Mobile App
  • Feedback and Ratings
  • Specialization or Learning Paths

Project Structure 🔥

├── assets
│   ├── css
│   ├── images
│   ├── js
│   ├── pic
│   ├── scss
│   └── svg
├── node_modules
├── view
│   └── file/*
├── index.html
├── README.md
├── package-lock.json
└── package.json

Technology Stack

Languages

  • HTML5 - HyperText Markup Language
  • CSS3 - Cascading Style Sheets
  • JavaScript ES6 - Scripting programming language
  • SASS - Syntactically Awesome Style Sheets
  • JQuery - JavaScript Library

Frameworks

  • Bootstrap 5
  • ScrollReveal Js
  • Swiper Js

WireFraming & Design

  • Figma
  • Fontawesome Icons
  • Bootstrap Icons
  • Pinterest
  • Dribble
  • Behance
  • Pexel

You can also check Design File.

Management Source Code

  • Git
  • GitHub
Here is the Code and you can also contribute or collaborate with our team. Warmly welcome! 😄