Projects
Profile Website
This personal portfolio website showcases my projects and skills. Built using Next.js, React, and TailwindCSS, the site is hosted on Firebase and incorporates Firebase Functions for dynamic interaction.
- Designed and developed responsive, mobile-friendly components for seamless browsing
- Leveraged Next.js routing for efficient URL management and navigation
- Integrated Firebase Functions to handle HTTP requests, enabling dynamic functionality from static pages
- Crafted a visually appealing and user-friendly interface using TailwindCSS
JavaScriptReactNext.jsNode.jsTailwindCSSFirebase
DCFpro.com
I created the entire website for DCFpro.com, an e-commerce Single Page Application (SPA) designed to streamline the organization and generation of reports for commercial property discount cash flows, incorporating subscription-based e-commerce functionalities. Led the end-to-end development across the technology stack, encompassing front-end, back-end, server-side, and database components.
- Utilized front-end UI libraries such as MUI and Chart.js for robust design and data readability on both desktop and mobile devices.
- Defined and tested NoSQL rules in Firestore to secure CRUD operations and prevent unauthorized access.
- Created pipeline between database and Stripe for smooth subscription-based access.
- Designed an organized ticket system for customer support.
- Optimized deployment of new features by setting test environment only accessible to team members. This allowed us to test new features in a QA environment before deploying in production.
- Increased user traffic by launching a Google Ad campaign
JavaScriptReactReduxNode.jsExpressStripeFirebaseNoSQLMUI
This is a Next.js project bootstrapped with create-next-app. It provides a bare-bones template for implementing basic login functionality using Next.js, React, and MongoDB.
- User Authentication: Users are created and stored in a MongoDB cluster.
- Password Security: Passwords are hashed using bcrypt for secure storage.
- JWT Authentication: JSON Web Tokens (JWT) are generated upon login and stored in HTTP-only cookies for enhanced security.
- Middleware Routing: Middleware is used to redirect users to either auth or unauth subdomains based on their authentication status.
JavaScriptReactNext.jsNode.jsMongoDBJWT