Skip to main content

Beva Training

The E-learning system focuses on providing mentors with tools to design and manage courses. Administrators can manage learning paths and user accounts within the system. For learners, the system assists in skill and mindset development, supports time management, and provides utilities to create an effective learning environment.

  • Require Gathering and Analysis
  • Front-end Development
  • Documentation
  • UI/UX Design
The Slice web application showing a selected user annotation.

Learner-centered

The system places the learner at the center, with a high level of personalization by collecting learning outcomes to customize the learning content according to their abilities and needs. It provides utilities to help learners manage and organize their time effectively, promptly address their questions and concerns, enhance information retention, and ultimately improve learning efficiency.

End-to-End Involvement in the Working Process

As a team member involved in all aspects of the working process, I am responsible for documenting and explaining how the client and server components of the system work, as well as outlining the technologies utilized. To ensure comprehensive documentation, I extract the requirements for the document use case, scenarios, and exceptions. This includes designing the entity and database structure, creating sequence diagrams to illustrate the flow of interactions, and mapping out user flows. Additionally, I design the UI/UX of the system using Figma, a popular design tool. Finally, I take on the role of a frontend developer and implement the code based on the document, following the specifications and requirements outlined. This includes building the user interface and incorporating the necessary functionalities.

The new My Slides tab in slice, showing annotated and favorited slides.
A set of themed components for the aero design system

Productivity Boosting Tools

I have developed a variety of performance-driven tools with visually appealing interfaces. These tools include rich text editors capable of handling multiple data types such as links, images, tables, headings, and more. Additionally, there are quiz creation tools, display and scheduling tools, interfaces showcasing study hours, and customized video display interfaces tailored to the system's functionality.

A dramatic ocean scene with lava forming a new land mass.

Technology

The system is built using JavaScript as the primary programming language, with ReactJS framework for the frontend. The frontend is based on the Ant Design component library, which provides a set of pre-designed UI elements for efficient development. For the backend, NodeJS is utilized, enabling server-side functionality. The system relies on PostgreSQL for the database management system and MinIO services for object storage.