The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Techni-K LMS — Learning Management System
Techni-K is a specialized Learning Management System designed for the food industry, helping businesses deliver employee training, assessments, and compliance-focused learning through a centralized digital platform.
My Contribution
I worked on the frontend web application using React.js and SCSS, contributing to the user interface and styling of the learning management experience.
Developed web interface components using React.js.
Styled application layouts and UI elements using SCSS.
Built clean, structured interfaces for learning and course-related workflows.
Contributed to a consistent and user-friendly web experience for the LMS.
Project Focus
React.js Frontend Development | SCSS Styling | Learning Management Interfaces | Web UI Development
This project demonstrates my experience building frontend interfaces for a specialized SaaS platform, with an emphasis on component-based development, maintainable styling, and usability.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Landing page for TryDoxy, a startup built to make PFE reports easier to create and finish. A powerful editor combining HTML, Markdown, PlantUML, Mermaid, ECharts, and more in one place.
For a report editor, I’d want to see one finished PDF alongside the editing view. Especially with diagrams and charts, the exported result matters as much as the editor UI.
Northwood Academy: one school, two experiences 🏫
A school website that speaks to two different audiences. The Senior School and the Junior School each get their own interface and colour theme, so every visitor feels the site was made for them.
The goal: present the school's programmes, campuses and admissions in a polished, easy-to-follow way that builds trust at first glance.
What I designed and built:
✦ Senior School interface: a refined, mature look with a cinematic homepage and scroll-driven animation
✦ Junior School interface: a brighter, more playful design in its own colour theme, with a dedicated interactive layout
✦ Two distinct colour themes that clearly separate the Senior and Junior sections while staying part of one brand
✦ Clear navigation for academics, admissions and campus information
✦ A fully responsive design for phones, tablets and desktops
My role: UI/UX design and full front-end development, from concept to live site.
Built with: Next.js, React, Tailwind CSS and GSAP.
🔗 Live site: Northwood Academy: one school, two experiences 🏫
A school website that speaks to two different audiences. The Senior School and the Junior School each get their own interface and colour theme, so every visitor feels the site was made for them.
The goal: present the school's programmes, campuses and admissions in a polished, easy-to-follow way that builds trust at first glance.
What I designed and built:
✦ Senior School interface: a refined, mature look with a cinematic homepage and scroll-driven animation
✦ Junior School interface: a brighter, more playful design in its own colour theme, with a dedicated interactive layout
✦ Two distinct colour themes that clearly separate the Senior and Junior sections while staying part of one brand
✦ Clear navigation for academics, admissions and campus information
✦ A fully responsive design for phones, tablets and desktops
My role: UI/UX design and full front-end development, from concept to live site.
Built with: Next.js, React, Tailwind CSS and GSAP.
🔗 Live site: https://northwood.axiom-stem.com
Need a website that serves more than one audience, without looking like a template? Let's talk.
Need a website that serves more than one audience, without looking like a template? Let's talk.
Are the Junior and Senior sections sharing React components with different theme tokens, or are they separate layouts? Curious how you kept the navigation consistent between them.
I designed and developed a web-based Conflict Early Warning and Management Control Room that helps organizations collect, manage and analyze conflict-related information. The system includes an administrative dashboard, incident reporting, interactive geographic mapping, report management, officer/user management, authentication and role-based access, document handling, fact-checking workflows and data visualization. Built with React, TypeScript and Supabase.
