Projects

go back

The Museum

Museum is a React-based web app utilizing the Art Institute of Chicago’s API. This project leverages modern web development practices, including JavaScript, React, dynamic and protected routes, and reusable components. API calls are handled using Axios, with logic abstracted for maintainability. Styling is powered by TailwindCSS for a clean, responsive UI. Key features include browsing a diverse collection of artwork, shopping from the museum store, searching for specific artwork or locations, and saving your favorite pieces to a personal collection. Users can also engage with the community by exploring artwork saved by other members.

full-stack

Quick Stories

Quick Stories is a place to read quick stories that can satisfy any reader! It covers many genres, and hosts unique stories. Quick stories is a full-stack application demonstrating the use of React, Modern and Responsive design, Tailwindcss, re-usable components, dynamic routing with React Router, state management with Zustand, Authentication and NOSQL with firebase, Artificial Intelligence, and more!

full-stack

HomeHive

Welcome to HomeHive, an full-stack React application that demos a real-world real-estate website. With a blend of dynamic features and intuitive design, HomeHive offers a comprehensive experience for browsing, interacting, and engaging with property listings. Seamless React Experience: Powered by React's efficiency and reusability, HomeHive boasts a collection of reusable components that streamline navigation and content display. React Router ensures smooth transitions between pages, enhancing user exploration. Responsive Design, TailwindCSS Magic: HomeHive's responsive design ensures a flawless experience on any device, from desktops to mobiles. TailwindCSS adds a touch of elegance with dynamic styles, ensuring each listing is presented beautifully, regardless of screen size. Also notice when customzing your listings feed, custom styles like previously highlighted homes. Custom Feed and Personalization: Dive into the heart of HomeHive by creating your own custom feed. With Firebase handling the backend, your personalized preferences are securely stored. Save your favorite listings and curate a feed that speaks to your unique taste and preferences. Add, save, and delete listings intuitively. Dynamic Content Exploration: HomeHive's dynamic content delivery keeps you engaged at every step. Discover detailed property information, read descriptions, amenities, features and more for each listing. Demo Authentication: Experience the flow of user interaction with HomeHive's custom authentication system. Removing any friction to test the authentication flow of HomeHive, log in with a simple button press. Efficient Data Handling: HomeHive utilizes Firebase as a backend solution, efficiently managing user data, saved listings, and other essential information. This integration ensures a seamless and secure user experience. Mock Data for Realistic Showcasing: Behind the scenes, HomeHive employs a custom JSON mock-data file, simulating real listings to demonstrate its capabilities with a touch of authenticity. HomeHive is supposed to demonstrate some of my react skills – it's a testament to my ability to create functional, responsive, and interactive applications using cutting-edge technologies and especially basis CRUD interactions with a database.

fullstack