Hi, I'm Brandon Taft

Check out the demo

or

Github Repository

An accessible, customizable, and easy-to-implement autocomplete input component for ReactJS. This component is designed to be simple to use yet highly flexible, offering a wide range of features to suit both basic and advanced use cases.

Ease of Use: Get started quickly with just a simple array of strings and a single event handler.

Advanced Customization: Extend functionality with nested objects and props, giving you complete control over input, output, and display handling.

Built-in Error Handling: Enjoy robust error handling that can be easily customized to suit your needs.

Flexible Styling: The component is ready to use right out of the box but also provides full access to styling for each element, allowing you to tailor it to your design needs.

Whether you're building a simple form or a more complex interface, this autocomplete component is a perfect fit for any ReactJS project.

Check Out The Website

or

Github Repository

CS Visuals is a series of tutorials that uses data visualization to teach common sorting algorithms in computer science. Currently, it covers four essential algorithms, handpicked for beginners, and features customizable interactive visualizations. These visualizations allow users to walk through each algorithm step-by-step at their preferred speed, making the learning experience both engaging and accessible. Built with Next.js and JavaScript, the app leverages CSS for algorithm animations and DOM manipulation, delivering an interactive and visually appealing experience. With Lighthouse scores of 98 for performance and 100 for SEO, accessibility, and best practices, CS Visuals ensures a smooth, efficient, and user-friendly experience for learners.

Github Repository

Notify is a mobile conferencing app built with React Native and Expo, providing an intuitive and seamless experience for users. The app utilizes JWT for secure authentication, react-navigation for smooth navigation, and react-native-reanimated for advanced gesture handling. For real-time communication, Socket.IO powers the client-side channel, enabling instant messaging and notifications. The app is supported by a Node.js server, which handles JWT middleware and serves as the Socket.IO server to facilitate client-server communication. MongoDB is used to securely store user data, messages, and push notifications. A node-cron job runs regularly to send push notifications, ensuring users stay updated with timely alerts. With a focus on real-time communication and secure data handling, Notify offers an efficient and responsive conferencing solution for mobile users.

Github Repository

Erin is an interactive game designed to boost engagement with monthly E-learnings for my peers, named after my employer's HR AI app. The game allows users to compete for spots on a leaderboard by answering questions from one of 20 categories, making learning fun and competitive. To ensure secure participation, I implemented Passport and JWT for authentication, allowing users to log in easily using their Google or Facebook credentials. The front end is built with Next.js and deployed through Vercel for seamless performance. On the backend, I used Node.js with Sequelize ORM to manage data in a PostgreSQL database, ensuring smooth and reliable interactions. Erin brings a unique, gamified experience to professional development, making E-learning sessions more engaging and encouraging friendly competition among peers.

This dynamic and responsive website was developed for a client who wanted to showcase all of her health services in one centralized location. The website serves as a business platform to promote the services, display pricing, and provide a professional online presence to attract and engage customers. The website enables customers to request appointments, which are automatically added to a Google Calendar for easy scheduling. Key features include a testimonial and rating section for client feedback, an integrated Google Maps feature for easy location access, and a custom order form to generate invoices and accept payments via the Stripe API. This user-friendly platform streamlines appointment booking and payment processing while offering a professional, accessible online presence for the health services business.