A modern, responsive website designed by LRBA for Luffy Sweets, a premium sweets manufacturer for LD Group Investments based in Jinja, Uganda. This platform showcases products, facilitates orders, and provides company information through an engaging user interface.
- Responsive design optimized for all device sizes
- Dynamic product catalog with detailed views
- Secure order processing system
- Integrated contact management
- Animated page transitions and micro-interactions
- Persistent navigation with breadcrumb trails
- Contextual search functionality
- Accessibility-compliant interface
- Customer relationship management integration
- Order tracking system
- Marketing content management
- Analytics dashboard
- React 18 (Functional Components with Hooks)
- React Router 6 for navigation
- Framer Motion for animations
- CSS Modules for scoped styling
- React Icons for vector graphics
- Google Maps JavaScript API
- Form handling with Formik
- Payment processing integration
- Node.js 16+
- npm 8+
- Google Maps API key
-
Clone the repository:
git clone https://github.com/IamLRBA/luffy-sweets.git cd luffy-sweets -
Install Dependencies
npm install - Configure Environment Variables
Create a .env file in the root of your project and add the following:
REACT_APP_GOOGLE_MAPS_API_KEY=your_api_key_here
REACT_APP_BASE_API_URL=https://api.example.comnpm run devnpm testnpm run lintnpm run build- Static Hosting
Deploy the build/ directory to services like:
- Containerized Deployment
Docker build available via:
docker build -t luffy-sweets .src/ ├── components/ # Reusable UI components ├── pages/ # Route-level components ├── styles/ # Global styles and variables ├── utils/ # Helper functions ├── assets/ # Static assets └── App.js # Root component
MIT License
Copyright (c) 2025 Luffy Sweets