16

Medicova Courses Platform

Medicova is a courses and training platform built with Next.js and TypeScript. Developed as part of a team, the project focused on implementing finalized UI/UX designs into a responsive and scalable frontend, along with an admin dashboard for managing courses and platform content. The development workflow was managed collaboratively using Jira.

Medicova courses platform

Medicova Courses

Medicova Courses is a modern courses and training platform developed for IMETS / Imedove, designed to deliver structured educational content through a clean, responsive, and scalable web interface.

The project was developed as a team-based frontend effort, transforming finalized UI/UX designs into a production-ready application, including a dedicated admin dashboard for managing platform content.

Project Overview

Medicova provides a professional learning environment where users can explore and access educational courses.
The platform focuses on usability, performance, and maintainability, ensuring a consistent experience across all devices.

In addition to the user-facing platform, the project includes a comprehensive admin dashboard that allows administrators to manage courses and platform content efficiently.

Role & Responsibilities

  • Frontend Developer within a collaborative team
  • Implemented UI/UX designs into clean, reusable frontend components
  • Contributed to building the admin dashboard interface
  • Ensured responsive layouts and design consistency
  • Integrated forms with validation and state management
  • Collaborated using agile workflows and task tracking via Jira
  • Maintained scalable and maintainable code standards

Key Features

User Platform

  • Courses listing and structured content presentation
  • Responsive design for desktop, tablet, and mobile devices
  • Smooth animations and transitions
  • Form handling with validation
  • Clean and intuitive user interface

Admin Dashboard

  • Course and content management interface
  • Structured layouts for administrative workflows
  • Form-driven data entry with validation
  • Scalable dashboard architecture
  • Consistent design system aligned with the main platform

Tech Stack

Frontend

  • Next.js
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Framer Motion
  • React Hook Form
  • Zod
  • Zustand

Development Workflow

  • Team-based agile development
  • Task and sprint management via Jira
  • UI/UX-first development process
  • Component-driven architecture
  • Emphasis on clean code and reusability

Screenshots

Platform Overview

Medicova Platform

Medicova Home

Courses Listing

Course Pages

Course View 1

Course View 2

Course View 3

Course View 4

Admin Dashboard

Admin Dashboard 1

Additional Interface

Admin Dashboard 2

Project Type

  • Team-based frontend development
  • UI/UX implementation and dashboard development
  • Production-ready educational platform

Main Features

  • Courses listing and structured content
  • Admin dashboard for content management
  • Responsive design across all devices
  • Form handling and validation
  • State management and reusable components
  • Team-based agile development workflow