Hi. I'm Tristan.

A frontend developer.

I'm passionate about creating powerful backend systems and dynamic frontend user interfaces.

My stack

Javascript
React
TypeScript
NextJS
MongoDB
Express
Node
Firebase

BugTrackerX

A comprehensive tool designed for businesses to efficiently track and manage software bugs. Built with the MERN stack.

Project Features

My Role

Challenges

Fullstack Integration: Front-to-back CRUD operations for smooth functionality.

Dynamic Project & User Management: Create projects, manage users, and assign roles with ease.

Advanced Ticketing System: Allows users to report, monitor, and track ticket histories.

Secure & Resilient Database: Role-based access control with automated data backup and rollback.

Collaborative Tools: Advanced search, real-time commenting, and attachment support for enhanced teamwork.

Javascript

React

Material-UI

Redux

Firebase

Firestore

Framer Motion

ApexCharts

Dayjs

NodeJS

MongoDB

Mongoose

Express

bcryptjs

HomeFinder

A dynamic platform for buying, selling, and renting properties. Built with React and Firebase.

Project Features

My Role

Challenges

Fullstack Integration: Front-to-back CRUD operations for smooth functionality. Responsive design ensures optimal viewing and interaction across a range of devices.

User Management: Secure user authentication and account management using Firebase and Google OAuth.

Comprehensive Property Listings: Users can post properties for sale or rent, complete with pricing and discount options, photo galleries, and Google Maps integration.

Dynamic Transactions: Seamless buying or renting experience also includes a bidding system that allows prospective buyers to bid on properties.

Secure & Resilient Database: Role-based access control with automated data backup and rollback.

Messaging and Notifications: In-app messaging system lets users converse directly. Users are also alerted when a property status changes, ensuring they're always in the loop.

Javascript

React

Firebase

Firestore

Framer Motion

Leaflet

Swiper

Toastify

NodeJS

MongoDB

Mongoose

Express

Firebase-Admin

bcryptjs

GoogleMaps API

Google OAuth

StudioPM

A comprehensive film production management tool. Built with the MERN stack.

Project Features

My Role

Challenges

Fullstack Development: Built a responsive CRUD application ensuring a streamlined user experience across devices.

Secure User Management: Integrated role-based security and permissions to accommodate different user roles within a film studio.

Database Resilience: Designed a system with automated rollback and backup to ensure data consistency and security.

Dynamic Project Management: Create projects, define deadlines, set budgets, assign roles, and manage critical attachments.

Extensive Data Integration: Prefill projects with random movie data or fetch specific movie details using TheMovieDatabase API.

Document Management: Upload and manage key assets like movie posters and scripts.

Javascript

React

Material-UI

Redux

Firebase

Firestore

Framer Motion

Lodash

Dayjs

NodeJS

MongoDB

Mongoose

Express

bcryptjs

themoviedatabase API

ChatCapsule

A platform for saving ChatGPT conversations for future reference. Built with TypeScript and Next.js.

Project Features

My Role

Challenges

Seamless Integration: Utilizes Next.js for handling both server-side operations and frontend rendering, ensuring a fluid user experience.

Advanced Document Management: Allows users to create, tag, summarize, and store chat capsules for easy access and searchability.

Secure Authentication: Incorporates Google OAuth via Next-Auth for secure and easy user login.

Responsive Design: Offers a tailored user interface for both desktop and mobile platforms, adapting layout dynamically.

Database Functionality: Employs MongoDB via Mongoose for robust data management, ensuring efficient operations and scalability.

TypeScript

Next.js

Tailwind CSS

MongoDB

Mongoose

Google Oauth

Next-Auth

Let's Work Together

From a foundation in design and advertising to the creative world of screenwriting, my journey into fullstack development has been anything but ordinary. This path has gifted me a unique lens — deeply rooted in visual storytelling, design principles, and audience understanding.

Today, I merge these experiences in web development, striving to craft applications that are not only functional but also engaging and intuitive.

I can help your team with:

  • Frontend Development: Skilled in JavaScript, TypeScript, HTML, and CSS, I specialize in crafting interactive user interfaces using React and Next.js, complemented by Material UI, Tailwind CSS, and custom styling.

  • Backend Mastery: Proficient with server-side applications using Node.js and Next.js. I employ MongoDB with Mongoose and use Express for optimal routing. My toolkit also includes Firebase and Firestore for real-time capabilities.

  • Analytical Problem Solving: My screenwriting days nurtured a language-based analytical approach, which I now channel into coding challenges.

  • User-Centric Design: With design roots, I prioritize user experience, aiming to create resonant and intuitive interfaces.

  • Adaptability: A varied career has fostered my adaptability, ensuring I'm receptive to feedback and continuously evolving.

  • Team Collaboration: I cherish teamwork. From brainstorming to problem-solving, I excel in collaborative environments.

My multifaceted background, paired with expertise in modern web development, makes me a unique asset. Ready to embark on a collaborative journey? Email me!