Explore My Latest Creations
In this Reddit-style comment thread project, I've leveraged the robustness of TypeScript, React, ESLint, and Webpack to create a complex, interactive comment system. By employing recursive data structures, the application facilitates a parent-to-child relationship, where a parent ID of null represents a root comment, and any ID that matches the parent's ID is a child. This relationship mirrors real-world discussion threads found on platforms like Reddit. The comment system is built as a CRUD (Create, Read, Update, Delete) application with a maximum recursion level of 10. This constraint ensures that the nested comments do not continue indefinitely, providing a practical and realistic structure. The project is not about the aesthetics or UI; it's a demonstration of my ability to code complex logic, understand recursion, and work with trees. It's a functional representation of online discourse, highlighting the intricate relationships between comments, replies, and sub-replies, all driven by thoughtful code and intelligent design. Whether you're interested in the nested complexities of online conversations or the underlying technology that enables them, this project provides a valuable insight into both.
This Vue.js application utilizes ApexCharts.js to render charts displaying data queried from a GraphQL back end. Queries are stored in a Firestore database, and I employ Apollo Server with Express integration as the GraphQL framework. Although the site is not currently live due to their API server (https://covid19-data.p.rapidapi.com/) being down. You can still view the code to see how I've masterfully implemented full-stack development. This includes the secure handling of API keys, and the utilization of GraphQL to manage and query data efficiently. I'm currently working on implementing a new COVID API to restore the functionality of the site.
This back-end Node.js application employs REST along with a view engine template to craft the graphical user interface. The "Purchase" button integrates Stripe API, providing a secure credit card payment method using the provided credit card data.
This front-end React application employs TypeScript and Material UI, combined with Styled Components for a sleek and responsive design. The "Purchase" button integrates Stripe API, offering a secure and convenient shopping experience.
This is a weather forecasting application that leverages Node.js, Express, and REST API to provide accurate and up-to-date weather information. By utilizing a weather map API with the JS Fetch API and Vue.js methods, it fetches the forecast based on the longitude and latitude provided by a geographical API. The main purpose of this app is to demonstrate the functionality that allows users to search for the current weather forecast in any city. The minimalistic design serves to highlight the core features without distraction, placing a priority on functional programming rather than UI/UX design.
This is a meditation app to help you relax with sounds of nature. Includes a timer that allows users to set a specific time for meditation. Built using standard web technologies like HTML for structure, CSS for styling, and JS for interactivity, it can be run using a live server on port 5500. Whether you're a meditation beginner or an experienced practitioner, this app offers a simple and immersive experience to help you find inner peace.
SocialPro is a vibrant online community, connecting individuals who share common personal or professional interests, activities, backgrounds, or real-life connections. It's a place to build and foster social relationships in a digital world.
I created ShowTimeAgo to provide a more user-friendly, no-configuration-needed solution for developers. Unlike other relative time APIs, ShowTimeAgo is a plug & play package, saving developers valuable time that might be spent reading through complex documentation. It's designed with simplicity and efficiency in mind, to help developers focus on what matters most.
Why I'm Showcasing This: This package is a testament to my abilities in coding, dealing with Node, npm, publishing packages, and understanding how it all works. It's a real-world example of my technical expertise and my dedication to creating efficient, practical solutions.
Results can be like:
I'd love your feedback!
Swing by for a cup of coffee, or leave me a note: