Candleaf

Candleaf is a modern e-commerce platform developed as the graduation project for the CodeBlue course. Designed to provide a seamless shopping experience, this project showcases best practices in web development using robust frameworks and optimized for high performance.

Table of Contents

• Demo
• Features
• Design
• Technologies Used
  • Fonts
  • Frameworks
  • Optimization Tools
  • Performance Analysis
• Credits

Demo

Experience the live version of the project:

Candleaf Live

Features

• Responsive Design: Optimized for both desktop and mobile devices.
• Fast Performance: Utilizes web optimization tools to ensure quick load times.
• User-Friendly Interface: Designed with user experience in mind using Figma templates.
• Accessible: Built with accessibility standards.

Design

The project design was crafted using Figma.

• Project Template (Figma)

Technologies Used

Fonts

• Bootstrap Iconography Font
• Google Fonts

Frameworks

• Bootstrap
• jQuery

Optimization Tools

• Convertio - PNG to WebP – Convert PNG images to WebP format.
• TinyPNG - PNG & WebP Compressor – Compress PNG and WebP images without losing quality.
• HTML Minifier Tool – Reduce HTML file sizes.
• CSS/JS Minifier Tool – Minimize CSS and JavaScript files.

Performance Analysis

• Google PageSpeed Insights (Mobile) – Mobile Performance Score: 94
• Google PageSpeed Insights (Web) – Web Performance Score: 100
• Accessibility Analyzer – Ensure accessibility standards.

Credits

• Diego Perly (Teacher)
• CodeBlue Team