CozyCup E-Learning

elearning project

Overview

Welcome to our exciting e-learning platform, dedicated to empowering coffee enthusiasts with a passion for hand-drip coffee!

Our team has meticulously crafted three comprehensive modules that will take beginners on a captivating journey through the world of hand-drip coffee.

We believe in the power of community learning, so we've created a vibrant forum where users can actively engage, ask questions, and share their experiences with like-minded coffee enthusiasts.

Team Role

Web Developer

Skills

HTML, CSS, Javascript, PHP and MySQL

Launch Site

Inspirations

Our site goes beyond traditional material delivery; it fosters a vibrant learning community through an interactive forum. At the heart of our platform lies a dynamic forum where users can actively participate, ask questions, and share their valuable experiences. This creates a collaborative learning environment, enabling learners to engage with peers, gaining insights and diverse perspectives.

Wireframe

Store Page

Home Page

Profile Page

Module Page

About Us Page

Coffee Hub

Post Page

About Us

Final Version

Store Page

Home Page

Store Page

About Us

Store Page

Module Page

Store Page

Module Finished

Profile Page

Coffee Hub

Store Page

Post Page

Store Page

All Module Finished

Mock Up

Challenges

  • Slide-by-slide approach user experinces

Solutions

  • In the project's early stages, we aimed to present module content using a slide-by-slide approach, which challenged my skills. Undeterred, I explored various methods based on my knowledge, but initial attempts fell short. Through extensive research and help from classmates, I developed a flawless JavaScript function, delivering the desired slide format and a beautifully designed website. Overcoming this obstacle not only enhanced my coding abilities but also strengthened my problem-solving skills. Dedication to learning and seeking guidance led to success, and I'm proud to contribute to the team's vision, creating an engaging e-learning platform for users.
Launch Site

Mock up by Zlatko_plamenov on Freepik