Welcome to Jeffrey Chee's Portfolio v4.0

Dive Into My Digital World

Welcome to my personal corner on the web! I'm thrilled to present my portfolio, a reflection of my journey and skills in software development. This isn't just a website; it's a single-page application (SPA) that's a testament to modern design and my commitment to responsive, interactive user experiences. From my Profile to Projects, every section is crafted to tell a story - my story.

Why You'll Love This Portfolio

• Seamlessly Responsive: Whether you're on a phone, tablet, or desktop, my portfolio adapts for the perfect fit.
• Dark Mode Delight: Switch to dark mode for a sleek, eye-friendly interface - because who doesn't love options?
• Engage and Interact: Dive into a world where every scroll and click is a delightful experience, thanks to engaging animations and interactive elements.
• Smooth Scrolling with AOS: As you scroll, watch elements come alive with AOS (Animate On Scroll) - it's like magic!
• SPA Smoothness: Forget clunky page reloads; enjoy smooth transitions that keep you immersed.

Tech Stack - The Backbone of My Portfolio

• React: The heart of my user interface.
• React Router: Seamlessly navigating this SPA.
• AOS (Animate On Scroll): For that extra flair in scrolling.
• CSS3: The style wizard behind the curtain.
• Node.js: The robust runtime environment powering it all.

Featured Projects - My Digital Craftsmanship

Several key projects are showcased and more will be added in the future, demonstrating a range of skills and technologies. Below are some of the highlighted projects:

Acme Web Store

• Description: Developers will find Acme Web Store a powerful platform to build exceptional e-commerce solutions. Leveraging the cutting-edge PERN stack, the app offers a scalable foundation and seamless integration with essential services like Stripe for secure payments. The responsive frontend built with React and Tailwind CSS empowers developers to create stunning user interfaces that align with their branding. With extensive customization options, comprehensive documentation, and a robust debugging process, developers can confidently build and extend Acme Web Store to create unique and reliable e-commerce experiences.
• Technologies: PostgreSQL, Express.js, React, Node.js, TailwindCSS, DaisyUI, Stripe API.
• Links: GitHub | Live Demo

Reel Relations

• Description: Developed using the robust PERN stack, Reel Relations showcases the technical expertise of our team. Our customized implementation of the Breadth-First Search algorithm ensures lightning-fast and optimized query searches, allowing you to navigate through a database containing over 700,000 actors and movies seamlessly. The app's sleek and responsive design, combined with its powerful search capabilities, creates a truly immersive experience for users.
• Technologies: PostgreSQL, Express.js, React, Node.js, TailwindCSS.
• Links: GitHub | Live Demo

Tetris Beats TS

• Description: Step into the captivating realm of Tetris Beat TS – a unique twist on the legendary Tetris game, meticulously crafted using React, TypeScript, Vanilla CSS, and Vite. This project has marked an incredible journey for me, as I delved into the fascinating world of TypeScript. Immerse yourself in a world where the synergy of blocks, music, and visuals crafts an enchanting symphony of entertainment.
• Technologies: TypeScript, React.
• Links: GitHub | Live Demo

Each project incorporates responsive design and interactive elements, ensuring a user-friendly experience across various devices.

Setup and Installation

1. Install Dependencies:

• Install Node.js and npm.
• Run npm install to install all dependencies.

1. Run the Application:

• Run npm start to start the application.