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
KOHF ECOMMERCE STORE COMPONENT
KOHF ACADEMY
OTHER PHOTOS SHOWCASING WEBSITE UI
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:
- Beginner
- Intermediate
- 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! →