CLIP

CLIP (Carry List Item Partner)

CLIP is a Bluetooth-enabled device that helps users track personal items in their bags. It connects to a web application for real-time monitoring, combining hardware and software for a seamless experience.

Position

Project Lead & Full Stack Developer

  • Led a multidisciplinary team of five members across hardware, software, and design divisions, ensuring smooth communication and project execution.
  • Designed and implemented the system flow, enabling hardware-software integration using Web Bluetooth and supporting libraries.
  • Developed the backend using Express.js, Prisma, Zod, and MySQL for database architecture (ERD), REST API development, and integration with the frontend.
  • Implemented user authentication using Google OAuth2, ensuring secure and seamless access for users.
  • Built the frontend using React with TypeScript and styled it with Chakra UI.

UI/UX Designer

  • Created comprehensive application designs, progressing from low-fidelity wireframes to high-fidelity prototypes.
  • Conducted user research to align design solutions with user needs, enhancing overall usability.
  • Designed interactive elements and navigation flows, ensuring a smooth user experience that aligned with the technical requirements of the system.

Tools

Typescript
React
Chakra UI
Zod
Axios
Web Bluetooth
Express JS
Prisma
Oauth2
JWT
Postman
MySQL
Project Showcase
A comprehensive showcase of the journey behind this project, featuring design case studies, development insights, and meaningful moments from its creation
CLIP Block DiagramCLIP on Duty