~/portfolio
console.log("Hello World!")

IoannisKleftogiannis

Crafting performant and engaging digital experiences with React, TypeScript, and modern web technologies.

const developer = {
  name: "Ioannis Kleftogiannis",
  role: "Frontend Developer",
  skills: ['React, TypeScript, Next.js']
};
about.tsx

About Me

<Experience />

Front End Engineer

Cognity

June 2025 - Present

Working on frontend development for enterprise telecom projects, designing reusable UI systems and contributing to system architecture and CI/CD pipelines.

Front End Developer

OKTO

July 2023 - March 2025

Built secure payment platforms (OKTO.Direct, OKTO.Cash) with React and TypeScript, implementing state management and performance optimizations.

Front End Developer

ARHS Developments Hellas

August 2022 - March 2023

Developed cross-platform apps (React.js, React Native) for pharmaceutical clients, focusing on accessibility and performance.

Full Stack Developer

Solutionist

April 2022 - June 2022

Created UI components for climate data visualization and gaming platforms with responsive design.

Download CV
Available for opportunities

Frontend Developer focused on building exceptional web experiences

Frontend Engineer with 3+ years of experience delivering scalable applications across fintech, telecom, and healthcare. Currently at Cognity, working on enterprise frontend development with focus on system architecture and performance.

Experienced in React, TypeScript, and modern state management. Strong focus on building maintainable, accessible interfaces while collaborating with cross-functional teams in Agile environments.

Passionate about clean code, performance optimization, and leveraging AI-assisted development to accelerate workflows and improve code quality.

Location

Athens, Greece

// My approach
const approach = {
  clean: true,
  performant: true,
  accessible: true,
  scalable: true
}
projects.tsx

Featured Projects

Real-world projects showcasing full-stack development, UI/UX design, and modern web technologies.

Live

OurChapter

A full-stack SaaS platform for creating personalized digital stories. Built with Next.js and TypeScript, featuring custom authentication (Clerk), database management (Supabase), and payment processing (Stripe). Includes drag-and-drop page builder and shareable story pages.

Next.jsTypeScriptSupabaseStripeClerk
In Development

SaaS Analytics Dashboard

Building a modern analytics dashboard with real-time data visualization, user management, and customizable widgets. Features include chart libraries, responsive design, and optimized performance.

ReactTypeScriptRechartsZustand
Planning

Full-Stack Task Manager

End-to-end task management platform with authentication, real-time collaboration, and REST API backend. Practicing full-stack development skills.

ReactNode.jsPostgreSQLSocket.io
skills.tsx

Technical Skills

A comprehensive overview of my technical stack and expertise.

Frontend

ReactTypeScriptNext.jsJavaScriptHTML5CSS3

Styling

Tailwind CSSCSS3Styled ComponentsResponsive Design

State Management

ReduxContext APIZustandReact Query

Tools & Testing

ViteJestGitnpm/yarn
contact.tsx

Get In Touch

Let's connect and discuss how we can work together to create something amazing.

Ready to start a project?

I'm currently available for freelance work and full-time opportunities. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Send me an email
// Let's collaborate
const contact = {
  email: "kleftojohn@gmail.com",
  status: "available",
  responseTime: "24 hours"
}