Project Overview
Brand website for Kee Brother Hardware. Developed internal backend and APIs for frontend use. Project includes complete content management system with Excel batch upload and multimedia format processing.
Project Type: Corporate Website
Development Time: March 2023
Main Technologies: Laravel, AWS S3, Nuxt3
Frontend Framework: Nuxt3 (SSR)
Cloud Services: AWS S3, Netlify
Website Link: Visit Website
Project Scope
Responsible for developing internal backend and APIs for frontend use. The entire project adopts front-end and back-end separation architecture, with backend focusing on data processing and API services, while frontend is built using Nuxt3 framework.
Frontend website features modern design with excellent user experience. Integrated with SEO optimization and responsive design, ensuring perfect corporate image presentation across all devices.
Backend management interface demonstration
Product data management and batch processing
Scribe API documentation interface
Project Results
100%
Data Migration Success Rate
50+
API Endpoints
3000+
Product Data Records
A+
SEO Score
Backend Technical Details
Full API Architecture
Almost all data in this project is handled through APIs, with full CRUD capabilities in the backend. Adopts RESTful API design principles, providing complete resource operation interfaces.
Data Migration Processing
Since the old website was WordPress, we used Excel upload during data migration, spending considerable time communicating with PM about Excel upload formats and rules. Through carefully designed import process, ensuring all data can be correctly transferred to the new system.
Complex Format Processing
Excel rules include handling image paths in rich text editors, YouTube video embedding conversion, and multiple file formats. Ensuring all media files are correctly converted and preserved during data migration. The system can automatically identify various media types and perform corresponding format conversions, significantly reducing manual processing workload.
New Technology Exploration
This project tried services not used before:
- AWS S3 - Cloud file storage service, first time using AWS ecosystem, learned object storage concepts and IAM permission management
- Scribe API Docs - API documentation generation tool, user experience far exceeds Swagger
Scribe Usage Experience
Scribe is extremely useful, with much simpler syntax compared to Swagger. Extremely frontend-friendly, my favorite feature is the ability to generate corresponding code for frontend developers to copy and paste, greatly accelerating the development process for both sides. Documentation is automatically generated from code comments, maintaining synchronization between documentation and code.
Frontend Technology Choice
Project frontend uses Nuxt3, considering future client SEO requirements. Nuxt3's SSR functionality ensures search engines can correctly index website content, while also providing excellent development experience and performance. After deploying to Netlify, enjoyed the convenience of CI/CD automated deployment.
Core Features
Excel Batch Processing
Intelligent Excel format parsing with automatic image path and media conversion processing, especially useful for WordPress migration
AWS S3 Integration
Seamless cloud storage integration providing stable file management services, ensuring high availability of media resources
Scribe API Documentation
Auto-generated interactive API documentation improving development collaboration efficiency, with much simpler syntax than Swagger
WordPress Migration
Complete content management system migration maintaining data integrity, smoothly transitioning from old to new platform
Multimedia Processing
Support for intelligent conversion of various media formats including images and videos, including YouTube video embedding conversion
SEO Optimization
Nuxt3 SSR support ensuring search engine friendly website architecture, improving website visibility
Technologies Used
Server
- Linode Cloud Hosting
- AWS S3 Object Storage
Backend
- Laravel Framework
- Livewire - Backend Interactive Interface
- RESTful API Design
- Excel Data Processing
API Documentation
- Scribe API Docs - Auto-generated API Documentation