DEV Community

Cover image for KOHF: An interactive ecommerce and learning platform
Oscar Flores
Oscar Flores

Posted on

KOHF: An interactive ecommerce and learning platform

This is a submission for the Wix Studio Challenge .

What I Built

Been looking for a new hobby? Do you love the subtle yet elegant art of ceramics? Look no further. Kohf offers an intuitive platform for those who have an interest in starting out learning painting ceramics. The platform has two main components: its ecommerce component and its academy.

Its ecommerce component sells everything a beginner to an expert needs to paint ceramics from home. This includes brushes, a wide variety of pottery styles, and paints.

The platforms also sports an "academy." Where users can enroll as a beginner, intermediate, or experience artist. Their level of experience determines what classes the academy lets users access. And it also tracks the user's progress throughout their learning journey.

Demo

https://oscaromarflores.wixstudio.io/kohf

KOHF ECOMMERCE STORE COMPONENT

Image description

Image description

KOHF ACADEMY

Image description

OTHER PHOTOS SHOWCASING WEBSITE UI

Image description

Image description

Development Journey

Wix studio offers a full stack development environment that can be used to build virtually anything on the web. With its variety of tools the website is able to boast a full ecommerce solution, complex animations and styling, backend routing, dynamic pages utilizing Velo's wix-data api, website user authentication, and a custom/home made online courses platform.

Features included for this submission

Member authentication using web modules, wix roles, and wix members api

Since the online courses platform is only accessible to users that have created an account and have been able to enroll, it was necessary to create new roles for users to be able to access only the parts of the platform they are supposed to.

Online course 3-tier leveling and authentication system using wix badges and wix routers

The courses are divided into 3 tiers:

  1. Beginner
  2. Intermediate
  3. Experienced For each tier there are only certain courses available for the user. This was implemented by monitoring the session member's badges, roles, and permissions so that dynamic data being displayed in the academy dashboard is filtered according to the user's current skill level.

<!-- Thanks for participating! โ†’

Top comments (0)