Whiskers

prj1: Lenses Jan 2024 - Present

External Link Icon
ACM-CS at SJSU

I played a pivotal role in developing a comprehensive course scheduling platform for SJSU students. In this project, I was deeply involved in both the design and implementation phase, working collaboratively with a team of more than 20 students to establish requirements and coordinate the overall design strategy.

I designed and prototyped the user interface using Figma, and was heavily involved in the front-end ReactJS and Typescript implementation. I implemented features such as linkable state via URL parameters, global state management with React.useContext, response caching with Vercel SWR, and comprehensive error handling, input validation, pagination, and filtering. I also contributed to secure authentication flows by integrating Google OAuth 2.0 and managing cookies effectively, while also utilizing TailwindCSS to ensure a consistent and responsive design.

In addition, I contributed to building a custom component library of over 25 reusable UI components, adhering to atomic design principles. This library not only improves code maintainability and efficiency of this project, but allows for code reusability across other club projects as well.

Along with the front-end work, I collaborated closely with the backend team to design RESTful API endpoints and define the database schema. My contributions extended to Django backend development, where I implemented several API endpoints, utilized PostgreSQL for data management, and refactored code to optimize performance. This seamless integration of front-end and back-end systems played an important role in delivering a sleek product.

This project helped me hone my skills across both design and full-stack development.

  • Typescript
  • Next.JS
  • TailwindCSS
  • Figma
  • Django
  • PostgreSQL
  • Vercel
  • Docker