GymBro

What is it?

A full-stack MERN e-commerce web application that sells activewears and supplements. Please visit the website here.

What I learned

  • React built-in hooks such as useState(), useReducer(), useRef(), useContext(), useCallback(), useMemo(), and useEffect()
  • Created React custom hooks to reuse logics across various components
  • React router
  • Optimized application performance by leveraging React.memo() to prevent un-necessary re-renders of a component and performance hooks (useCallback(), useMemo()) to avoid expensive computations
  • MongoDB and design of collections and documents
  • Server set-up for data storage
  • Leveraged NodeMailer library to set up SMTP server for sending email verification
  • Developed REST APIs that perform CRUD operations on multiple collections and documents
  • Stripe integration