Bot-Forge

Bot-Forge Used AI

2 devlogs
14h 12m

It provides essential tools and components for developers working with electronics, IoT, and robotics. From Arduino boards to sensors and jumper wires, his store helps programmers prototype, test, and build smarter systems. Ideal for students, embedded developers, and tinkerers looking to accelerate their hardware projects. Orders are placed via WhatsApp, with fast local delivery and cash on delivery available.

Timeline

Day 1 – Project Planning & Setup
Defined the project scope: a responsive and interactive web store for selling Arduino and electronics components.

Outlined the main sections: Hero, Product Gallery with Filters, Shopping Cart Integration, and Contact.

Selected the following tech stack:

HTML5 & CSS3

Bootstrap 5 for layout and responsiveness

JavaScript for cart and WhatsApp order handling

Glightbox for product image previews

Isotope.js for dynamic product filtering

Day 2 – Product Grid & Filtering
Implemented a masonry-style product grid using Bootstrap columns.

Integrated Isotope.js for filtering by categories: Arduino, Sensors, and Accessories.

Added the initial batch of products with real images, titles, prices (in EGP), and brief descriptions.

Ensured full responsiveness across desktop and mobile screens.

Day 3 – Cart Logic & WhatsApp Integration
Added quantity input and an “Add to Cart” button to each product.

Developed the addToCart() function to dynamically retrieve product name, price, and quantity.

Configured the cart to generate a WhatsApp message containing selected items and total cost.

Integrated a direct WhatsApp link for one-click order submission.

Day 4 – UI Enhancements & Finalization
Applied scroll animations using AOS (Animate On Scroll).

Refined the design of product cards, buttons, and typography.

Added meaningful alt tags for accessibility and SEO improvements.

Finalized all product content, pricing, and images.

Prepared a clean and structured README.md for GitHub documentation.

Features Summary
Clean, modern product layout

Filterable product categories (Arduino, Sensors, Accessories)

Quantity selector for each item

WhatsApp-based ordering system

Fully responsive design for all devices

Lightweight and optimized for fast loading

Tailored for local market (prices in Egyptian Pounds)

Update attachment

Ship 1

0 payouts of shell 0 shells

Marwan Algharably

26 days ago

Marwan Algharably Covers 1 devlog and 8h 26m

Day 1 – Project Planning & Setup
Defined the project scope: a responsive and interactive web store for selling Arduino and electronics components.

Outlined the main sections: Hero, Product Gallery with Filters, Shopping Cart Integration, and Contact.

Selected the following tech stack:

HTML5 & CSS3

Bootstrap 5 for layout and responsiveness

JavaScript for cart and WhatsApp order handling

Glightbox for product image previews

Isotope.js for dynamic product filtering

Day 2 – Product Grid & Filtering
Implemented a masonry-style product grid using Bootstrap columns.

Integrated Isotope.js to allow filtering by categories: Arduino, Sensors, and Accessories.

Added the first batch of products with real images, titles, prices (in EGP), and short descriptions.

Ensured layout responsiveness across desktop and mobile screens.

Day 3 – Cart Logic & WhatsApp Integration
Added quantity input and “Add to Cart” button to each product.

Developed the addToCart() function to dynamically read the product name, price, and quantity.

Configured the cart to generate a WhatsApp message with all selected items and total cost.

Integrated a direct WhatsApp link for one-click order submission.

Day 4 – UI Enhancements & Polish
Applied animations using AOS (Animate On Scroll) for a smooth scroll-in effect.

Improved styling of product cards, buttons, and typography.

Added meaningful alt tags for better accessibility and SEO.

Finalized all product data and images.

Prepared a clean and well-structured README.md for GitHub.

Features Summary
Clean, modern product layout

Filterable categories (Arduino, Sensors, Accessories)

Quantity selector per item

WhatsApp-based ordering system

Fully responsive across all devices

Lightweight and fast-loading

Designed for local market (pricing in Egyptian Pounds)