xy-241/denoshop

An e-commerce site for personal brand

Part done by XinYang

Live site

The Architecture

Features

Part 1 - Application-wide Functions

1. PWA
   • Install
   • Cross-platform
   • Native feeling
   • Cacheing - faster speed
   • Offline
2. Elaticsearch - AWS
   • Fuzzy search
   • Real Time search - less than 1ms given current dataset
   • Search with title, price and category
   • Auto-suggest
   • First character search
   • Word level search bolding
   • Search from back
   • UI
3. Product item UI
4. SVG logo & icons
5. Responsive & Interactive design
6. 404 page
7. Loading screen

Part 2 - User management

5. Register & login UI
6. Third party login - Google & Github
7. Profile images management with cloudinary
8. User dashboard UI
9. Address autocomplete UI
10. Address CRUD

Part 3 - Cart management

11. Animation when item added to cart
12. Live reflection of cart items
13. Cart CRUD & UI

Architecture & Agile

1. Architecture design
2. SCRUM & KanBan
3. Github & Git flow - Give crash course
4. Writing short articles - environment variables etc
5. Deployment
   • Azure App services
   • AWS RDS
   • APIs
   • Github
6. Monitoring of application
   • Newrelic - APM
   • UpTimeRobot - cloudwatch
   • Datadog - Azure app service status