👨💻Developer Journal
📑 About the Project
"Anik-anik" is derived from the Filipino word, “ano-ano,” which literally means “this and that” or “all sorts of things.” Before, we thought of “anik-anik” as a random, trivial stuff that we tend to keep or collect because of their emotional and practical value- it's a cultural habit that speaks to the value of memories, heritage, and personal stories. Often, these small items are picked up from travels, gifted by friends, or passed down from family members.
🎯Project Overview
- 🌐 Concept – An innovative e-commerce marketplace dedicated to customizable 3D printed figurines ("anik-anik") with a strong focus on sustainability and personalization.
- 📝 Components
- Customer Side: Browse, customize, and purchase figurines.
- Admin Side: Manage products, stock, and order processing.
- 🔑 Core Features
- Integrated Freshchat chatbot widget.
- Dynamic product search (by name/ID) and real-time stock availability.
- Best selling products and add-to-cart functionalities.
🐻Assets
- 👥 3D Figurines – Blender 3d assets
- 🛠️ Color Palette – Black & White
🌐Technical Stack & Architecture
- 📝 Serverless Architecture
- AWS Lambda: Endpoint Execution.
- NextJS: for prototyping and API development.
- 🔑 Database
- Dynamo DB: For storing most datas.
- S3 Bucket: For storing glb files for 3D Figurines or models
- 🔑 API's
- CRUD endpoints for product management.
- Endpoints for checking stock, searching products by name/ID, etc.
- 🛒 Customer Marketplace
- Product display page with best sellers 🌟.
- 3d view model rotation
- 3d customization
- Search and filter functionality 🔍.
- Cart and checkout process 🛒.
- Integrated Freshchat chatbot for real-time support 💬.
- 💻 Admin Dashboard
- Secure login and role-based access 🔐.
- CRUD interface for products (add/edit/remove products, update stock) ✏️📊.
- Analytics section for sales and inventory metrics 📈.
🌐 Backend & API
💻 Frontend
🔄Workflow & Dataflow
- 📝 Customer Journey
- Browse Product: Users view all available figurines with options to filter by best sellers, name, or ID.
- Product Details & Customization: Customers access detailed product pages including 3D views (if applicable) and customization options.
- Add to Cart & Checkout: Smooth add-to-cart process and secure checkout.
- Chat Support: Integrated Freshchat widget available on every page for customer assistance.
- 💻 Admin Journey
- Product Management: Admins create, update, and delete products via a dedicated dashboard.
- Stock & Inventory: Manage and update inventory levels in DynamoDB.
- Order Monitoring: Track customer orders, view transaction history, and adjust listings as needed.
🔄Implementation Roadmap
Phase 1: Planning & Prototyping 📝- Define detailed requirements and design wireframes.
- Learn 3d customization in realtime
- Handle .glb uploads in local storage
- Set up initial Next prototype for local API development.
- Explore serverless integration with AWS Lambda and DynamoDB endpoints.
- Develop CRUD endpoints.
- Integrate with AWS Lambda functions and DynamoDB.
- Build customer-facing marketplace UI.
- React, Next, Deploy with Vercel
- Create admin dashboard with secure login and product management features.
- Integrate Freshchat chatbot widget.
- AI Agent in Freshchat
- Test API endpoints for product search and stock verification.
- Conduct unit and integration tests for all endpoints.
- User acceptance testing (UAT) for both customer and admin sides.
- Deploy API via AWS Lambda and ensure smooth scaling.
- Launch initial beta version of the marketplace.
- Vercel Deployment
- Monitor system performance and gather user feedback.
- Optimize API endpoints and UI based on usage patterns.
- Plan for additional features (e.g., AR preview, more advanced customization)
👩💻 Group Members
- 📝 Bonilla, John
- 📝 Ledesma, Benmark
- 👨💻 Enarle, Matt
- 👨💻 Maco, Mayann
- 👨💻 Reyes, Rai Jr.
Need Help?
If you encounter any issues, feel free to reach out to Anik3D Support.