Joanne Liszewski
Full-Stack Developer

I'm driven to partner with organizations that share my dedication to uplifting communities. By leveraging technology as a catalyst for change, I strive to expand their reach, amplify their impact, and streamline their efforts in delivering meaningful support across the globe.

About Me

Crafting innovative solutions with a focus on user experience and community impact

Joanne Liszewski - Professional Photo

From the Start...

My coding journey began in 2014, when I started building GUI interfaces and programming solutions using technologies like C++ and JavaScript. Early on, I focused on creating intuitive user experiences for digital platforms and contributed to the rollout of tablet applications designed to streamline content delivery. That hands-on exposure to both front-end design and technical implementation sparked my passion for clean, user-centered development and laid the groundwork for everything I have pursued since.

As technology continues to evolve rapidly, I stay committed to learning, adapting, and expanding my toolkit. I have built on my earlier programming foundation by diving deeper into modern full-stack development, automation, cloud deployment, AI-assisted workflows, and accessible user experiences. That ongoing growth allows me to turn new tools into practical applications that solve real problems for people, families, and organizations.

What drives me is the sheer joy of seeing something I built actually work and make a difference. I specialize in creating applications that help communities and organizations - from non-profit project trackers to real-time communication platforms. Every project teaches me something new about the endless possibilities of code.

10+ Years Experience10+ ProjectsCommunity Focused

Frontend & UI

Next.js / App Router
React
TypeScript / JavaScript
Tailwind CSS
HTML5 / CSS3
Framer Motion
React Markdown
Responsive & Accessible UI

Backend & APIs

Node.js
Python
C++
Express.js
REST API Design
Server Actions / API Routes
Socket.io
Session & Cookie Workflows

Data, Auth & AI

MongoDB / Mongoose
PostgreSQL / Neon
SQLite / better-sqlite3
Prisma ORM
Redux Toolkit
Vector Search / Embeddings
Clerk Authentication
Passport.js / Argon2
Google Gemini API
OpenAI API Integration
LegiScan API
Structured Content Models

Testing & Delivery

GitHub
Vercel
GitHub Pages / Actions
Docker
Vitest / React Testing Library
Pytest
Playwright QA
Recharts Visualization
Workflow Automation

Featured Projects

Applications built to solve real-world challenges.

Be In The Know · Just Ask JO

Plain-English legal rights education platform for people navigating reentry. JO translates approved legal source material into accessible guidance across voting rights, expungement, housing, employment, and more — for all 50 states plus federal law. Built with retrieval-first AI, human review gates, and source discipline to ensure every answer is grounded in cited, approved legal content.

Next.jsReactTypeScriptTailwind CSSMongoDBGoogle GeminiVercelLegiScan APIVector Search
Driver for my Drive

A landing page for an automated Google Drive organization service that files documents into the right folders by subject — every hour, hands-free. Files are sorted automatically based on their content and moved into appropriately named folders without any manual effort.

HTML5CSS3Google FontsResponsive DesignGitHub Pages
Procure Path

Procure Path is an AI-powered grant summary platform with a Next.js frontend and Express.js backend. Built with MongoDB, Mongoose, Clerk authentication, Tailwind CSS, Framer Motion, and Docker, it provides a clean foundation for grant document processing and management.

Next.jsTypeScriptExpress.jsMongoDBMongooseClerkTailwind CSSFramer MotionDocker
Four Tables

Four Tables is a full-stack family recipe archive built around Italian, Dutch, German, and Mexican traditions. Public visitors can browse recipes by tradition, holiday, and category, while invited contributors can create, edit, archive, upload family images, add notes, and use OpenAI-assisted drafting to preserve family cooking knowledge.

Next.jsReactTypeScriptTailwind CSSPrismaPostgreSQLNeonOpenAI APIVitestPlaywrightVercel
Know Your Federal Rights

Know Your Federal Rights is a free, static educational website that presents plain-English federal and state rights information for justice-impacted individuals, families, and support organizations. It covers seven core rights topics with a federal and state-specific view for all 50 states, including search, quick-jump topic navigation, responsive layouts, and accessible interaction patterns.

HTML5CSS3Vanilla JavaScriptStructured DataGitHub PagesGitHub ActionsAccessibility
Warm Wishes

Warm Wishes is a comprehensive full-stack web application crafted specifically for a non-profit organization. Its mission is to empower this organization by streamlining project management, donation tracking, and fostering operational efficiency, all from a single, easy-to-use platform.

ReactRedux ToolkitExpress.jsMongoDBMongooseJWTTailwind CSSRecharts
Ask AI

AI-powered chat application using the Gemma2 model with React frontend and Express backend. Features markdown support and seamless AI conversation interface for enhanced user interaction.

ReactExpress.jsMongoDBMongooseTailwind CSSReact MarkdownExpress Session
Really Home

Full-stack real estate website with dynamic photo galleries, listing management, and beautiful aesthetic design. Features comprehensive property search and detailed listing views.

ReactExpress.jsMongoDBMongooseTailwind CSSAxios
Real Chat

Real-time chat application with Socket.io for instant messaging, user authentication with Passport.js, and secure session management. Features live communication between users.

ReactExpress.jsMongoDBSocket.ioPassport.jsExpress SessionArgon2
Blog Platform

A modern blog platform with rich text editing, media uploads, and user authentication. Built for seamless content creation and sharing.

ReactNode.jsExpress.jsMongoDBTailwind CSS

My Journey

A decade of programming evolution - from GUI development to modern full-stack applications

Be In The Know · Just Ask JO
AI Augmented Builders Program - Next Chapter
2026
Remote

Built as part of the AI Augmented Builders Program at Next Chapter, a program teaching justice-impacted individuals to become builders in the AI economy. Be In The Know is a plain-English legal rights education platform that translates approved legal source material into accessible guidance for people navigating reentry. The platform covers voting rights, expungement, housing, employment, and more across all 50 states plus federal law, with retrieval-first AI, human review gates, and source discipline ensuring every answer is grounded in cited, approved legal content.

Key Achievements:

  • Built retrieval-first AI workflow with Gemini embeddings and MongoDB Vector Search
  • Implemented human review gate ensuring only approved legal sources inform answers
  • Created automated legislative monitoring with LegiScan API tracking law changes across 50 states
  • Designed plain-language output targeting sixth-grade reading level for accessibility
  • Deployed production app with PII redaction, guest quotas, and security guardrails
  • Participated in Next Chapter's builder-focused curriculum emphasizing shipped work and real-world impact

Technologies:

Next.jsReactTypeScriptTailwind CSSMongoDBGoogle GeminiVector SearchLegiScan APIVercelAI Integration
Full-Stack Developer & Automation Specialist
Building Web Applications and Workflows for Organizations
April 2026 - Present
Remote

Built and deployed full-stack web applications, accessible public resources, and workflow-focused tools for organizations and communities. Combined modern web development, automation, data-driven interfaces, and user-centered design to create practical systems that are maintainable, responsive, and easy to use.

Key Achievements:

  • Built deployed applications with React, Next.js, TypeScript, Node.js, and Express
  • Created structured data workflows with MongoDB, PostgreSQL, Prisma, and Mongoose
  • Implemented authentication, contributor tools, AI-assisted drafting, and content management flows
  • Applied accessibility, responsive design, and automation practices across user-facing projects

Technologies:

ReactNext.jsTypeScriptNode.jsExpress.jsMongoDBPostgreSQLPrismaAutomationAccessibility
Driver for my Drive
Automated Google Drive Organization
Deployed July 2, 2026
Static Web Development

Built a landing page for an automated Google Drive organization service that files documents into the right folders by subject — every hour, hands-free. The service reads files in your Drive, categorizes them by content, and moves them into appropriately named folders without any manual effort.

Key Achievements:

  • Created a professional landing page with custom dark teal color scheme
  • Implemented responsive design using CSS Grid and Flexbox for mobile-friendly layouts
  • Built visual before/after comparison showcasing Drive transformation
  • Designed email-based contact form with clear call-to-action for interested users

Technologies:

HTML5CSS3Google FontsResponsive DesignGitHub Pages
Procure Path
Banyan Labs
August 2025 - February 2026
Team-Based Full-Stack Development

Worked in a team setting at Banyan Labs on Procure Path, an AI-powered grant summary platform with a Next.js frontend, Express.js backend, MongoDB data layer, and Clerk authentication. Contributed within a collaborative development workflow focused on grant document processing and management.

Key Achievements:

  • Collaborated with a development team using feature branches and pull requests
  • Worked with a full-stack architecture spanning Next.js, Express.js, and MongoDB
  • Supported secure user access with Clerk authentication
  • Helped build a modern, maintainable foundation for AI-powered grant summaries

Technologies:

Next.jsTypeScriptExpress.jsMongoDBMongooseClerkTailwind CSSFramer MotionDocker
Four Tables
Family Recipe Archive
Deployed June 18, 2026
Full-Stack Development

Built Four Tables, a full-stack family recipe archive organized around Italian, Dutch, German, and Mexican traditions. The application preserves family cooking knowledge with public recipe browsing, structured recipe details, contributor-only content management, family notes, image uploads, and OpenAI-assisted recipe drafting.

Key Achievements:

  • Created public browsing by tradition, holiday, and category
  • Built contributor tools for creating, editing, archiving, and enriching recipes
  • Implemented signed contributor sessions with HTTP-only cookies
  • Added recipe sharing, metadata, sitemap, robots, and structured data for public discovery

Technologies:

Next.jsReactTypeScriptTailwind CSSPrismaPostgreSQLNeonOpenAI APIVitestPlaywrightVercel
Know Your Federal Rights
Plain-English Rights Education
Deployed May 15, 2026
Static Web Development

Built Know Your Federal Rights, a free educational website that brings plain-language federal and state rights information into one accessible place for justice-impacted individuals, families, and support organizations. The site covers seven core rights topics with federal guidance and state-specific versions for all 50 states.

Key Achievements:

  • Created a federal and state jurisdiction toggle with a 50-state selector
  • Built seven reusable rights topic cards from structured content data
  • Added real-time search, quick-jump topic pills, smooth scrolling, and highlight feedback
  • Designed an accessible, responsive, dependency-free site deployed through GitHub Pages

Technologies:

HTML5CSS3Vanilla JavaScriptStructured DataGitHub PagesGitHub ActionsAccessibility
Warm Wishes
Non-Profit Project Tracker
January 2024
Full-Stack Development

Warm Wishes is designed to help the organization fulfill its mission of providing warmth and comfort to vulnerable individuals during cold months by making it easier to manage resources, track impact, and strengthen connections with donors and volunteers.

Key Achievements:

  • Built complete CRUD functionality for project management
  • Implemented secure authentication and authorization
  • Created intuitive dashboard with data visualization using Recharts
  • Designed responsive UI with Tailwind CSS for optimal user experience

Technologies:

ReactRedux ToolkitExpress.jsMongoDBMongooseTailwind CSS
Ask AI & Real Chat
AI Integration & Real-time Communication
2024
Full-Stack Development

Developed AI-powered chat application and real-time messaging platform, demonstrating expertise in modern communication technologies and AI integration.

Key Achievements:

  • Integrated Gemma2 AI model for intelligent conversation
  • Implemented real-time messaging with Socket.io
  • Built secure authentication with Passport.js and session management
  • Created responsive chat interfaces with markdown support

Technologies:

ReactSocket.ioExpress.jsMongoDBPassport.jsAI Integration
GUI Programmer & Customer Service Manager
TKS
2012 - 2016
Glendale, AZ

GUI development for digital newspaper platforms while managing customer service operations for major publications.

The Virginian-Pilot digital newspaper on Android tablet
Android Tablet
The Virginian-Pilot digital newspaper on iPad
iPad

Digital newspaper interfaces for tablet platforms in 2014

Key Achievements:

  • Developed GUI interfaces using C++ and JavaScript for tablet applications
  • Provided technical support and training to clients, enhancing customer satisfaction
  • Led customer service team, improving response times and service quality
  • Created user-centered designs following usability principles and user feedback
  • Collaborated with cross-functional teams throughout development process

Technologies:

C++JavaScriptiOSAndroidGUI DevelopmentUser Experience Design

Get In Touch

Ready to start your next project? Let's discuss how we can work together.

Send a Message
Follow Me

Let's Build Something Amazing

I'm always interested in new opportunities and exciting projects. Whether you have a specific idea in mind or just want to explore possibilities, I'd love to hear from you.