Novo_Earbuds_Ajax_App

This website is the final continuation of the earbuds that showcases a 3D earbud model combined with AJAX where hotspot data loads dynamically from an API using the Fetch API.

Table of Contents

• About
• Technologies Used
• Features
• Installation
• History
• Credits
• Contact

About

This project demonstrates the use of AJAX and Fetch API in the 3D earbuds model.The layout is fully responsive between mobile, tablet, and desktop sizes. This assignment is based on sass / github workflow, HTML Templates and JavaScript.

Technologies Used

Languages: HTML5, CSS3, JavaScript, Sass

Tools & Design: Cinema 4D, Adobe Photoshop, Figma

Workflow & Version Control: VS Code, GitHub Desktop

Features

3D model:

• Interactive Earbuds model using

Hotspots:

• Highlights features on hover for desktop and tablet sizes
• Template loads through Fetch API

AJAX Loading:

• Loading spuinner appears during refresh
• Error message displays if it fails

Valid Code:

• Valid HTML and CSS with proper semantic tags and document outlines

Installation

1. Download the ZIP file to your computer.
2. Unzip the file to extract the project folder.
3. Open the project in your preferred code editor or directly in a browser.

History

Created on November 24, 2025

Credits

Developed by Situ Ranjit

Contact

Feel free to reach out to me!

LinkedIn: Situ Ranjit