Recipe & Nutrition Application

An app that helps users find or create smoothie recipes targeting specific macronutrient goals, with accurate nutrition calculations. After creating an account, users can save, rate, comment on, create, and use a variety of criteria to search for recipes.

• Web application developed using MongoDB, Express, React, and Node.js to handle both the frontend and backend for a responsive user experience.
• Ingredients are populated from the USDA food database, ensuring comprehensive and accurate nutrient data for recipe calculations.
• Integrated Google OAuth for secure and streamlined user authentication.
• Password recovery and reset functionality is implemented for users using AWS SES (email service) and nodemailer.
• Ingredient images are stored in AWS S3, with fast, reliable content delivery via CloudFront for optimal performance.
• The app is hosted on an AWS EC2 instance, with GitHub Actions automating the deployment process for both the frontend and backend.

Assignment Application

A robust web application built on the MERN (MongoDB, Express.js, React, Redux, Node.js) stack, tailored specifically for the needs of an equestrian club. This comprehensive solution streamlines volunteer management, facilitates communication, and enhances user engagement within the club.

• Volunteers can sign up, providing necessary information and specifying their roles of interest with ability to remove themselves from roles if their availability changes.
• User profiles include contact information for seamless communication.
• The application includes a dedicated forum where users can ask questions, share information, and engage in discussions related to equestrian activities.
• Each user has a profile that showcases their roles within the club, contact information, and any additional relevant details.
• The MongoDB database stores user information, forum posts, and other relevant data.

Yoga Studio E-Commerce Site

This full-stack e-commerce site uses a MongoDB database, Express and Node.js backend, and React and Redux toolkit for state-management and rendering on the front-end. Key features include authentication on the frontend and backend, a fully functional schedule which fetches and serves yoga classes from the database with options to filter by class type and selected day, and checkout with stripe.

MERN E-Commerce Site

This full-stack e-commerce site uses a MongoDB database, Express and Node.js backend, and React (utilizing the react-bootstrap library paired with custom JSX and CSS) and Redux toolkit for state-management and rendering on the front-end. Key features include serving and fetching data, pagination, search functionality for products, shopping cart functionality, authentication on the frontend and backend, checkout with paypal, admin actions (on orders, users, and products), and customer reviews.

Travel Blog

One of the key features of this application is the search and filter functionality, allowing users to easily find specific articles of interest using input keywords to locate relevant content. The React Router ensures smooth navigation between different sections of the app, creating a single-page application feel without the need for page reloads.

Color Palette

Key features of this front-end application is the ability to swap hex, rgb, rgba color values in different shades for multiple color themes such as Material UI among a dozen or so others. The user experience is engaging and interactive with signals for successful responses of the use cases.

Spooky Slot Machine

In this full-stack game, players engage with a dynamic UI which renders random emoji results with every round.The player accumulates points when they get 2/3 emojis that are the same and loses a points when they receive all different emojis. When the player runs out of points, the game restarts. The jackpot increases until a user wins it by getting three emojis of the same type. This logic is handled on the frontend with JavaScript and React, backend with Node and Express, and the results are tracked in the database on MongoDB.

To-Do List

This fully responsive and aesthetically-pleasing to-do web application allows users to create, view, save, update, and and delete their tasks using CRUD actions, a React and JavaScript front-end, a MongoDB database, and a Node and Express backend.

Beauty Blog

This beauty blog seamlessly integrates Umbraco for content management, HTML/CSS for a visually appealing and responsive design, and C# for server-side logic, enabling features like interlinked blog posts, contact forms, and newsletter subscriptions. This combination creates a robust and interactive platform for beauty enthusiasts to explore and engage with content.

Advent Calendar

The calendar is divided into individual cards for each day from September 1st to December 25th. The cards display unique images and fun local activities with a flip animation to reveal the activity. Styles using HTML, CSS, JavaScript, and JSX are applied to create an attractive and responsive design, including animations for card flipping. are implemented using React components to create an engaging and visually appealing experience for users.

Movie Search

A movie browsing site that seamlessly delivers a visually appealing and user-friendly experience. Leveraging a movie API, this platform allows users to explore an extensive collection of movies with ease. The homepage welcomes visitors with a grid of curated movie posters, enticing them to discover new cinematic gems. Each movie poster serves as a clickable gateway, triggering dynamic JavaScript requests to the API for detailed information.

React Flashcards

Responsive flashcards designed for learning React terminology, crafted with React, HTML, and CSS. These interactive cards seamlessly adapt to various screen sizes, offering a user-friendly experience on both desktop and mobile devices.

Youtube Copycat

This video player, built with React components and leveraging the Youtube API, supports seamless playback and includes features such as play, pause, volume control, and a progress bar. The sidebar incorporates React-driven functionality for recommended videos. Material UI styling ensures a visually engaging interface, and JavaScript enhances interactivity, providing a smooth and immersive browsing experience reminiscent of the popular video-sharing platform.

Reddit Copycat

Reddit copycat built with React, JavaScript, HTML, and CSS, leveraging the power of the Reddit API to recreate the iconic discussion platform.

Expense Tracker

Efficient expense tracker designed with JavaScript, HTML, and CSS to help users manage their finances seamlessly. The user interface, created with HTML and styled using CSS, provides a clean and intuitive design. Users can input their expenses and income through a simple form, with JavaScript handling the logic behind expense calculations and updating the display in real-time. Each entry is categorized and displayed in a list.

Welcome to the Internet

Ode to Bo Burnham's song "Welcome to the Internet" Made Using JS/HTML/CSS

Instagram Copycat

Instagram copycat user interface crafted with HTML and CSS, replicating the visually appealing design of the popular photo-sharing platform. The layout consists of a responsive grid displaying user posts with square thumbnails

Recipe Blog

Vibrant and responsive recipe blog page designed with HTML and CSS. The layout features a visually appealing images, featured ingredients with nutritional benefits, and step-by-step instructions. The use of responsive design ensures an optimal viewing experience across various devices, seamlessly adapting the layout for both desktop and mobile users.