• Built in Next.js

• Integrated intersection observers to initiate Framer-Motion animations

• Applied Framer-Motion animations API

I challenged myself to build my portfolio using new technologies such as Next.js, intersection observer API and Framer-Motion and I had a blast. Currently compatible with desktop 16inch full-screen and some mobile devices. Work in progress.

• Built the user page interface which displayed up to 5 vertical carousels representing created, purchased, favorited, in progress and completed patterns.

• Created optimized experience for new and existing users integrating backend Authentication service and ContextAPI to conditionally render logged in and non-logged in landing pages.

• Increased API performance by debouncing client interactions on frequently used elements.

• Dynamically rendered pop-up modal at desired location based on click event clientX and clientY and factoring in scrolling offset.

I love to cook so I created a simple application in less than 2 days where I can easily search for recipes and save them on a cookbook. But! Let's be honest some days you just want to treat yourself to a nice meal so I created a second search option for restaurants in SF :)

• Integrated Yelp API and Spoonacular Api

• Navigation Bar using React-Router-Dom for single page rendering

• Mongoose and MongoDB to store recipes

• Styled-Components for design

• Implemented pop-up modals to display restaurant and recipe details

• Restaurant photo carousel with dot navigation.