Project Image

Stirling Cooper

Striling Cooper is a high-end brand that offers a wide range of products and tutorials on bedroom performance.


Overview

Stirling Cooper is an educational platform designed for adults, offering a range of products and books tailored to their needs. The platform provides a comprehensive learning experience with features such as an academy, live streaming, live chat, community engagement, a leaderboard, and a referral system. Additionally, it enhances user engagement through a badge system based on progress, lesson streaks, quizzes, and a structured lesson unlocking mechanism. Users can also earn experience points by achieving milestones, such as completing lessons.

project screenshot

Project Goals

I created ths application stand alone without any team, I design both frontend and backed which was adventure for me, I efficiently manage the business login and the standard of code along with other responsibilities to keep it open for ups calling.

Tech Stack

To achieve this, the following technologies were used:

  • Vue.js:Developed a dynamic and interactive user interface.
  • Tailwind:Applied utility-first CSS for responsive design.
  • Postgres:Utilized a reliable relational database system.
  • Laravel:Implemented a robust backend framework.

Features

Academy

project screenshot

Streak

project screenshot

Rank & Achievement

project screenshot

Quiz

project screenshotproject screenshotproject screenshot

LiveStream & Community

project screenshot

Leaderboard

project screenshot

Live Chat

project screenshotproject screenshot

Purchase

project screenshot

Challenges

Keeping the track record of streak, achievement and badges was a challenge, and showing them after lesson completion was a bit tricky. Also, the live chat and live stream was a bit challenging to implement.

Initiatives

Stirling Cooper's initiatives focus on expanding course offerings, gamifying learning with badges and rewards, and enhancing community interaction through forums and live webinars. The platform aims to improve technology with a mobile app and AI chat support while boosting engagement through achievement-based rewards and subscription tiers. Monetization will include premium courses, corporate partnerships, and product expansion, creating a dynamic and interactive learning experience for adults.

project screenshot

Designed and Developed by Abdul Haseeb.
Built with Nuxt.js. Hosted on AWS EC2 with Docker.