A teaching Web and Mobile Portal
As it is convenient for learners to gain knowledge of any subject, any topic anytime being anywhere, online learning has been elevating their level from few years. This type of learning is especially helpful for those who are on remote learning and often find it difficult to attend in-person classes.
Thus, creating a platform that connects tutors and students/ children was the goal of this project. Our client intended to build a web and mobile application where learners of various age groups could learn and be taught by tutors with a degree in their subject in real-time through video meetings. The app should be in a way that each and every course can be taught by qualified tutors of that particular course field. It should be a simple platform that can be used at the desired time to learn.
Developing the real-time teaching application
The initial requirement of the client was just an app where learners can have learning sessions with tutors. We analyzed the client’s requirement and had gone through many brainstorming sessions with clients and came up with the idea of an app with many more functionalities than just a video call session. The first phase of the project was designing mockups using Figma. Thereafter moving to the phase of implementation of designs and developing the strong back-end of the web and mobile application.
This mode enables students to view profiles, choose subjects, book sessions and much more. For small children, parents can manage the web and mobile apps.
This mode is for qualified tutors to view requests and approve it or decline them as per their availability.
It allows the admin to manage the users, complaints, sessions and others.
The main advantage of this feature is it allows the student to learn in their time zone and book the session with the tutor who teaches at that time.
Many unique features are introduced in this app that can be used while video teaching. For example notes, session recording and live chatting.
UI/UX, Web App Development
TechnologyVue.JS, Node JS, Google firebase
“The online application we had just dreamed of was flawlessly designed, developed, and delivered by Alian Software team. Outstanding work!”
The workflow of this application
The developed web and mobile app by our skilled developers were working in the way we wanted it to work. The main features of the application were a notes area where students can note down the points during the teaching session and the allowance of recording the session.
Apart from these, the app enabled flexible learning as per the time zone of students and the sessions can be managed without any effort. Thus, this well-functioned and innovative teaching portal was successfully developed within the scheduled time.
Selecting the Tech-stack for the project
Choosing the right tech stack will lead to the successful development of the project. Thus, front-end development of the web application was done using vue.js. The back-end was done using node.js. The mobile application was developed using React Native as a tech for android and iOS users.
- Switching Modes
- Session Booking
- User Management
Just a switch key is provided to easily switch modes between student and tutor.
This helps students to select time and tutor and book sessions.
It manages the users both students and tutors, such as profile, session booked, approved sessions, upcoming sessions, total sessions, reviews, tutor verification, etc.
It has various management modules like session, review, banner, curriculum, and complaint management.
It shows the transaction of the tutors and students. Fees paid by students and withdrawal requests by tutors.
We chose Firebase backed by Google as a database for this project. It stores all the real-time data of web and mobile app securely in it with proper authentication and can be accessible by the admin without any data breach or loss.
There were some challenges faced initially while the development of both mobile and web applications. First was the selection of sessions based on the timezone. The app was to be developed that allows flexibility in choosing the time in which learners can attend the sessions. But, it would have been difficult to find which tutor would be available at that timezone to conduct the sessions. Thus, we found a solution by prioritising and listing the tutors who are available to teach in the learner’s timezone.
Secondly, many courses were to be taught on this application. So, proper management of courses was required. Thus we came up with the approach of dividing the courses into sub-courses. For example, if Math is a course then a sub-course would be Algebra. Another sub-course would be Trigonometry and so on.