Patrick's Portrait

Patrick Fanella

Full Stack Engineer | Web Developer

> About Me

A passionate Full Stack and Front End Developer with a knack for crafting captivating user experiences and driving innovation. With a solid foundation in HTML, CSS, JavaScript, and the MERN stack, I have honed my skills in developing web applications that exceed expectations. From designing user-friendly interfaces to implementing robust functionality, I consistently deliver high-quality code. My journey includes contributing to innovative projects at DeliverZero Inc, where I optimized performance, architected scalable backends, and collaborated with cross-functional teams. Through projects listed below, I have demonstrated my expertise in creating seamless and engaging applications. Together we can shape the next generation of web applications and make a lasting impact

> Skills

Javascript, Typescript, HTML, CSS

React, Redux, Next.js 13, React Router

Linux, Git/Github

Projects

DeliverZero inc.

A forward-thinking web and mobile application company. My contributions transformed our platform. By optimizing data structures and implementing efficient caching strategies, I boosted application performance. Through architecting a serverless backend using MongoDB cloud service, I have slashed costs and enhanced scalability. By collaborating with key partners like Toast, DoorDash, and Whole Foods, I have not only driven revenue but also launched successful new products. My data-driven decision-making and innovative thinking have led to streamlined operations and remarkable cost reductions in reverse logistics. My expertise in agile methodologies has ensured the prompt delivery of top-notch software solutions.

PICTURE

tech:

React Native, Redux, Redux-Saga, MongoDB, Realm

CryptoPlanet

Live crypto price tracking, news feed, and coin charting.

PICTURE

tech:

HTML, CSS, JavaScript, React, Redux, Node.js

YelpCamp

A full-stack campground directory and review app.

PICTURE

tech:

EJS, Express.js, MongoDB, Mongoose, Mapbox, Cloudinary, Bootstrap

MERN Memories

A full stack app in which authorized users can post a "Memory" with a title, picture, description, and tags.

PICTURE

tech:

MERN stack, React Router, Material-UI, Redux.

Landing Page

Collects, verifies and uploads information gathered to MailChimp. Then, updates user on the status.

PICTURE

tech:

Express.js, MailChimp, EJS, Bootstrap

Simple Blog

A very simple blog/journaling site put together with ejs templates, express, and css. The ability to add entries that are displayed with a preview and a link to read more. No database connection however.

PICTURE

tech:

Express.js, EJS, Bootstrap

Unique ID, Rotating, Logger

Creates a directory logs/ and a file access.log. After a specified time it compresses access.log with gzip and stores it, keeping only a specified number.

PICTURE

tech:

Express.js, node.js, morgan, uuid, rotating-file-system

Drum Machine

A very simple keyboard controlled Drum Machine.

PICTURE

tech:

HTML/CSS, JavaScript

Simon Says

A Simon Says memory game.

PICTURE

tech:

HTML/CSS, JavaScript