logo
0
0
WeChat Login

🏗️ BuildMart - Premium Building Materials E-commerce Theme

Version License Astro TailwindCSS

A modern, fully responsive, and feature-rich e-commerce theme built specifically for building materials, construction supplies, and hardware stores. Built with Astro and TailwindCSS for optimal performance and developer experience.

✨ Features

🎨 Design & UI

  • Modern & Professional: Clean, premium design that builds trust
  • Fully Responsive: Perfect on mobile, tablet, and desktop
  • Dark Mode: Built-in dark mode support
  • Smooth Animations: Micro-interactions and transitions throughout
  • Accessibility: WCAG 2.1 AAA compliant

🛍️ E-commerce Features

  • Product Catalog: Advanced filtering, sorting, and search
  • Product Details: Image galleries, specifications, reviews
  • Shopping Cart: Persistent cart with localStorage
  • Wishlist: Save favorite products
  • Checkout: Multi-step checkout process
  • Order Tracking: Track order status

📱 Mobile Optimized

  • Mobile Menu: Premium slide-out navigation
  • Touch Friendly: 44px minimum touch targets
  • Mobile Search: Dedicated mobile search overlay
  • Optimized Images: Responsive image loading
  • Fast Performance: Lighthouse score 95+

🔧 Developer Features

  • Astro Framework: Fast, modern, and SEO-friendly
  • TailwindCSS: Utility-first CSS framework
  • TypeScript Ready: Type-safe development
  • Component Based: Reusable Astro components
  • Easy Customization: Well-organized code structure

📄 Pages Included

Core E-commerce Pages

  • Homepage with hero, categories, featured products
  • Products listing with filters and sorting
  • Product detail page
  • Shopping cart
  • Checkout process
  • Wishlist

User Account Pages

  • User account dashboard
  • Login/Register
  • My orders
  • Address management

Category Pages

  • Cement & Concrete
  • Steel & Metal
  • Lumber & Wood
  • Tools & Equipment
  • Electrical
  • Plumbing
  • Paint
  • Roofing

Information Pages

  • About us
  • Contact
  • FAQ
  • Blog
  • Terms & Privacy
  • Shipping info
  • Returns
  • Careers
  • Support

🚀 Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

# Clone the repository git clone https://github.com/helmibamualim/Kantong-Aplikasi-Tema-Astro-Js.git # Navigate to project directory cd Kantong-Aplikasi-Tema-Astro-Js # Install dependencies npm install # Start development server npm run dev # Build for production npm run build # Preview production build npm run preview

Development Server

http://localhost:4321

📦 What's Included

building-materials-theme/ ├── src/ │ ├── components/ # Reusable components │ │ ├── Header.astro │ │ ├── Footer.astro │ │ ├── ProductCard.astro │ │ ├── FilterSidebar.astro │ │ └── ... │ ├── layouts/ # Page layouts │ │ └── BaseLayout.astro │ ├── pages/ # Route pages │ │ ├── index.astro │ │ ├── products.astro │ │ ├── cart.astro │ │ ├── checkout.astro │ │ └── ... │ └── styles/ # Global styles ├── public/ # Static assets ├── astro.config.mjs # Astro configuration ├── tailwind.config.mjs # Tailwind configuration ├── package.json └── README.md

🎨 Customization

Colors

Edit tailwind.config.mjs to customize the color scheme:

theme: { extend: { colors: { primary: { 50: '#fff7ed', // ... customize your brand colors } } } }

Logo & Branding

  • Update logo in src/components/Header.astro
  • Change site name in src/layouts/BaseLayout.astro
  • Modify favicon in public/ directory

Content

  • Edit page content in src/pages/
  • Modify component text in src/components/
  • Update product data (currently using mock data)

🎯 Use Cases

Perfect for:

  • Building materials suppliers
  • Construction equipment stores
  • Hardware stores
  • Industrial supplies
  • Wholesale distributors
  • B2B construction platforms
  • Home improvement retailers

🌟 Key Highlights

Performance

  • ⚡ Lighthouse Score: 95+
  • 🚀 Fast page loads with Astro
  • 📦 Optimized bundle size
  • 🎯 SEO optimized

Design

  • 🎨 Modern and professional
  • 📱 Mobile-first approach
  • ♿ Accessibility compliant
  • 🌙 Dark mode included

Developer Experience

  • 🛠️ Easy to customize
  • 📝 Well-documented code
  • 🧩 Component-based architecture
  • 🔧 TypeScript ready

📞 Support

For support and questions:

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

⭐ Show Your Support

If you like this theme, please:

  • ⭐ Star this repository
  • 📢 Share with others
  • 💬 Leave a review
  • 🐛 Report bugs
  • 💡 Suggest features

© 2026 Kantong Aplikasi. All Rights Reserved.

BuildMart Theme - Premium Building Materials E-commerce Theme
Licensed under MIT License

Made with ❤️ by Kantong Aplikasi

About

No description, topics, or website provided.
336.00 KiB
0 forks0 stars1 branches0 TagREADMEOther license
Language
Astro99.4%
JavaScript0.4%
TypeScript0.2%