Chagnuur.mn - Medical E-learning Platform

Chagnuur.mn - Medical E-learning Platform

This was a web-based e-learning platform focused on medical education, providing online training courses for healthcare professionals and students.

I was fully responsible for developing the landing page and the admin dashboard. The landing was built to be clean, informative, and responsive, while the admin panel handled content management, course creation, user management, and video lesson controls.

Key Features

• Landing Page: Fully custom, responsive design with course previews, blog sections, and essential platform information.
• Subscription & Payment Logic: Users subscribe or purchase individual courses to unlock content. Integrated QPay and bank transfer support. After successful payment, purchased courses become freely accessible.
• Course System: Courses support video lessons (Publitio-hosted) and text content, with optional attached files (PDFs, notes). Built‑in testing system requiring users to pass configured tests to complete a course.
• Assessment & Testing: Admins configure tests, questions, scoring, and passing criteria. User progress and completion status tracked.
• Admin Dashboard:
  • Course creation & management
  • User & subscription management
  • Test & result tracking
  • Blog post creation / editing
  • Drug database management for educational reference
  • System settings (payment configuration, content access, platform controls)

The platform is actively used by nearly 10,000 users, including many trusted professionals and students in the medical field.

Try it yourself here: chagnuur.mn

AmarHR - Complete HR Management

AmarHR - Complete HR Management

My first project under Datacom Cloud LLC was AmarHR, an automated time tracking and payroll management system. I joined the team during the release of version 2.0, where I contributed to revamping the landing page based on new designs using React.

In addition to the landing page, I was also involved in updating and improving the main admin dashboard, which was built with Laravel. The dashboard included modules such as:

• Employee List
• Attendance Tracking
• Payroll Management
• Announcements
• Vacation Requests
• Employee Requests
• System Settings (e.g. payroll dates, rates, etc.)

I was involved in modernizing and refactoring several of these modules to improve usability and maintainability.

Currently, AmarHR is actively used by many companies as a complete HR management platform to handle their workforce operations efficiently.

You can check it out here: amarhr.mn

MyBio - Link In Bio Tool

MyBio - Link In Bio Tool

MyBio is my first major project developed under Digital Data LLC. This Link In Bio tool serves a similar purpose to platforms like Linktree and Campsite. If you're not familiar with these tools, they allow you to consolidate all your important links in one place, making it easy for your audience to access your various social media profiles, websites, and other content.

The current beta version of MyBio is built with React. We're now advancing to a new version developed with Next.js, which promises enhanced performance and scalability. I'm working on integrating the backend and frontend and testing the APIs to guarantee that all interactions are smooth and reliable. Our goal is to create a more dynamic and user-friendly experience, and will share more updates as we progress.

Here's a sneak peek of the new MyBio: the profile creation page. There are a few steps involved, starting with choosing your profile name, followed by selecting your profile type, profile picture, and profile template!

It's coming along nicely, and we are constantly adding new features, so stay tuned for more updates!

Score - Basketball Tournament Organizer

Score - Basketball Tournament Organizer

'Score' web application is designed to streamline the process of organizing tournaments, enhancing both efficiency and user experience. By replacing the complexity of traditional manual methods, users can easily create and manage competitions using the web application.

It provides an effective solution for organizing events of all sizes, from major national championships to smaller club competitions. The application provides user-friendly and thorough support throughout each phase of the tournament: "initial preperation", "ongoing tournament" and "post-tournament wrap-up". Its primary goals are to improve the participant experience and increase the overall efficiency of tournament organization.

Once tournament organizers create an event, both attendees and organizers can proceed to register teams for the competition. This registration process involves filling out essential details, such as the team name and the names of all team members. Additionally, participants can upload a team logo, which is efficiently stored using a Google Cloud bucket, ensuring a smooth and secure experience. This streamlined interface allows for easy team management and a personalized presence in the tournament.

After completing the registration process, organizers can automatically generate the tournament bracket. Match seeds are randomly assigned to ensure fair and unpredictable matchups. The tournament page displays key tournament details and allows users to view all registered teams and their members. The user-friendly design of the page makes it easy to follow the bracket and understand the tournament structure. Users can also conveniently track match results as the tournament progresses.

How It Was Developed

In developing the Score - Basketball Tournament Organizer web application, a comprehensive approach was taken from the ground up. The process began with extensive research into similar systems to identify best practices and areas for improvement.

Following this research, several key diagrams were created to map out the system's design and functionality. The Use Case Diagram illustrates the interactions between the system and its three main users: organizers, attendees, and spectators. It provides a clear view of how each user engages with the application and the specific functionalities available to them.

In addition to the Use Case Diagram, the Activity Diagram, ER Diagram, and Sequence Diagram were also used to outline the system's processes, data structure, and interactions. The Class Diagram, in particular, details the system's architecture by illustrating the relationships and interactions between various classes and components.

The development of the 'Score' web application proved to be a successful project. The application was thoroughly tested through several mock tournaments, which confirmed its effectiveness and provided a positive user experience. The project not only achieved its goals but also demonstrated its capability to handle real-world tournament management with ease.

HRM - Human Resource Management System

HRM - Human Resource Management System

During my internship at the Civil Service Council of Mongolia, I developed a project titled "Human Resource Management." Due to privacy constraints, I was unable to access the council's main human resource management system, so I created my own adaptation.

Note: All the data presented in this project are dummy data used for demonstration purposes only.

The project was developed with React and uses MongoDB for data storage. I implemented Express.js to integrate the backend and frontend seamlessly, ensuring efficient data management.

This system allows comprehensive management of employee information, including adding, removing, editing, sorting, and searching through the employee database.

In addition to working as an IT technician during my internship, I wanted to gain hands-on experience with React-based applications. Through this project, I successfully achieved that goal. I learned how to integrate the frontend and backend, utilize backend data in the frontend, and implement key operations like GET, POST, DELETE, and UPDATE. Overall, the project turned out quite well.