Overview
KlikHoreca is an e-commerce platform for food and grocery items, targeting consumers looking for fresh produce, ready-to-eat meals, and other grocery essentials.
Features
- Product Categories: Organized sections for different types of products such as seafood, vegetables, beverages, and more.
- Search Functionality: A search bar to quickly find products.
- User Accounts: Options for users to log in, register, and manage their profiles.
- Promotional Offers: Highlighted deals and discounts on the homepage.
- Loyalty Program: Points system for redeeming discounts on future purchases.
- Secure Payment: Multiple payment methods with security certifications.
- Filtering and Sorting: Options to filter products by various criteria and sort them by relevance, price, etc.
- Registration Process: Account creation with options to register using email, Facebook, or Google.
- Profile Management: Update personal information, manage loyalty points, and add delivery addresses.
- Cart Management: Review and manage items in the cart, view order summary, and proceed to checkout.
Tech Stack
- Frontend: React.js, Next.js, SCSS
- Backend: Laravel/Lumen
- Database: MySQL
Lessons Learned
- User Experience: A clean and intuitive UI matters a lot for user engagement in e-commerce.
- Performance: Page load times directly affect conversions — optimizing images and reducing bundle size made a real difference.
- Security: Protecting user data and payment information required careful attention at every layer.
- SEO: Search engine visibility was important for traffic, so server-side rendering with Next.js helped.
- OAuth: Implementing OAuth for social login (Facebook, Google) had more edge cases than expected.
- Payment Gateway: Integrating with payment providers required handling webhooks, idempotency, and error states carefully.
Screenshots
