Projects
Xentral homepage
Tech stack: Next.js, GraphQL, TypeScript, Tailwind CSS, Hygraph CMS, AWS
As the founding engineer of the Product Growth Team at Xentral, I led the implementation of a redesigned homepage that accurately reflects the company’s brand and creates a strong first impression.
A key requirement was enabling non-developers to manage content, layout, and styling through a flexible design system powered by Hygraph CMS. Working closely with UX and Product under a tight deadline, we delivered a well-structured, maintainable solution that allows editors to compose modular blocks and adjust component styles directly from the CMS—without sacrificing consistency or performance.
Key features
Typed GraphQL queries All data fetching is fully typed through GraphQL code generation, improving reliability and developer experience.
Responsive, modular design Page sections are broken down into reusable components that can be customized via predefined UI patterns.
Next.js Enables fast iteration, clean architecture, and strong performance characteristics.
Hygraph Headless CMS providing a scalable and editor-friendly content management workflow.
Tailwind CSS Utility-first styling approach for consistent, modular, and maintainable UI development.
Automated equity valuation full-stack app
Tech stack: Python, Flask, SQLite, Tailwind, JavaScript
As part of my MSc thesis in Full Stack Software Development, I built an automated equity valuation application designed to estimate the intrinsic value of publicly listed companies.
The system evaluates companies using a Discounted Cash Flow (DCF) model and monitors daily market movements. When a stock’s market value falls below its estimated intrinsic value by a configurable threshold, the application triggers a webhook that posts an alert to a dedicated Slack channel and publishes a summary view with data visualizations.
The project was self-hosted on a Raspberry Pi and focused on demonstrating rapid, iterative development of a minimum viable product (MVP), end-to-end ownership, and pragmatic architectural decisions.
Key features
Python & Flask Backend API and server-rendered frontend built for rapid iteration, leveraging a mature ecosystem of libraries.
Tailwind CSS Utility-first styling approach for fast, consistent UI development.
Chart.js Lightweight data visualizations for presenting valuation outputs and trends.
SQLite Simple, low-overhead database suited for self-hosted deployments and prototyping.
Netlify Webhook-based deployment pipeline for publishing reports and summaries.
Latest movie releases with Next.js
Tech stack: Next.js, TypeScript, REST API, Chakra UI
https://latest-movie-releases.netlify.app/
This small TypeScript-based Next.js application was built as a lightweight utility for quickly browsing recent movie releases and their ratings when deciding what to watch.
The app consumes data from The Movie Database (TMDB) through a dedicated backend API endpoint and renders the UI using Chakra UI. It is intentionally kept simple and client-side rendered to ensure users always see up-to-date information with minimal complexity.
The project focuses on clean structure, type safety, and pragmatic technology choices rather than feature completeness. If hosted on Vercel, Incremental Static Regeneration (ISR) could be introduced to reduce client-side data fetching, or periodic redeployments could be used to refresh server-side data.
Key features
TMDB integration Fetches up-to-date movie data via a REST API.
Responsive UI Built with Chakra UI for consistent behavior across screen sizes.
TypeScript Ensures type safety and maintainable application structure.
Source code
https://github.com/tonytettinger/Latest-movies-list-project-with-NextJS-Typescript-and-ChakraUI
Gatsby-based homepage with integrated content system
Tech stack: Gatsby, React, TypeScript, Chakra UI
This project focuses on building a high-performance, statically generated personal site with a lightweight, code-driven content system—without relying on a traditional third-party CMS.
Content is authored in MDX and stored directly in a GitHub repository, enabling versioned, reviewable content updates through standard Git workflows. The site is built with TypeScript and GraphQL-based queries, allowing content to be queried, filtered, and composed into reusable page templates.
Posts are categorized and dynamically listed, making it easy to extend content sections or introduce new category-based pages without structural changes.
Key features
Gatsby Static site generation for fast load times, strong SEO characteristics, and a scalable content pipeline. Gatsby’s plugin ecosystem enables flexible data sourcing while keeping runtime complexity low.
MDX-based content architecture Markdown content enhanced with JSX, allowing rich layouts and components while retaining a simple authoring experience.
Chakra UI Accessible, composable React components used to maintain visual consistency and accelerate development.
Netlify Automated builds and deployments triggered by Git updates, providing a simple and reliable publishing workflow.
Source code
https://github.com/tonytettinger/tonytettinger.com