πŸ‘‹ Hi, I'm Charles

| Building the Future with Code & AI

I craft scalable web and mobile applications with a focus on modern technologies, clean architecture, and AI-driven solutions. Currently mentoring the next generation of developers at Masterschool.

10+ Years Experience
50+ Projects Completed
10+ Tech Articles
charles.ts - Portfolio
portfolio
charles.ts
skills.ts
portfolio.ts
mentoring.ts
blog.ts
charles.ts
1 interface Developer {
2 name: "Charles Effiong";
3 role: "Software Architect";
4 location: "Austria";
5 experience: 10+;
6 skills: {
7 frontend: ["React", "Next.js", "TypeScript"],
8 backend: ["Node.js", "Python", "Django"],
9 mobile: ["React Native", "Flutter"],
10 cloud: ["AWS", "Docker", "Kubernetes"],
11 ai: ["GenAI", "LangChain", "OpenAI API"]
12 };
13 currentFocus: "Mentoring @ Masterschool";
14 availableFor: "Exciting opportunities";
15 }
16
17 export default Developer;
1 const skills = {
2 frontend: {
3 frameworks: ["React", "Next.js", "Vue"],
4 languages: ["TypeScript", "JavaScript", "HTML/CSS"],
5 tools: ["Webpack", "Vite", "Tailwind"]
6 },
7 backend: {
8 frameworks: ["Node.js", "Django", "Flask"],
9 databases: ["PostgreSQL", "MongoDB", "Redis"],
10 api: ["REST", "GraphQL", "gRPC"]
11 },
12 mobile: ["React Native", "Flutter", "iOS/Android"],
13 cloud: ["AWS", "Docker", "Kubernetes", "CI/CD"],
14 ai: ["GenAI", "LangChain", "OpenAI API", "RAG"]
15 };
16
17 export default skills;
1 const projects: Project[] = [
2 {
3 title: "Movie Web App",
4 stack: ["Python", "Flask", "HTML/CSS"],
5 category: "fullstack",
6 url: "https://ceffiong.pythonanywhere.com"
7 },
8 {
9 title: "Portfolio Website",
10 stack: ["JavaScript", "HTML5", "CSS3"],
11 category: "frontend",
12 url: "https://ceffiong.dev"
13 },
14 // 50+ more projects...
15 ];
16
17 export default projects;
1 interface MentoringExperience {
2 organization: "Masterschool";
3 role: "Software Engineering Mentor";
4 studentsMentored: 100+;
5 focus: [
6 "Full-stack Development",
7 "Software Architecture",
8 "Best Practices",
9 "Career Guidance"
10 ];
11 impact: "Helping aspiring developers";
12 passion: "Teaching & knowledge sharing";
13 }
14
15 export default MentoringExperience;
1 const blog = {
2 platform: "Medium",
3 url: "https://ceffiong.medium.com",
4 articlesPublished: 10+,
5 topics: [
6 "Software Development",
7 "Web Technologies",
8 "AI & Machine Learning",
9 "Best Practices",
10 "Tech Tutorials"
11 ],
12 frequency: "Regular contributor"
13 };
14
15 export default blog;
main TypeScript
UTF-8 Ln 14, Col 30

Portfolio

A selection of projects spanning web applications, mobile apps, and full-stack solutionsβ€”each built with scalable architecture and modern technologies.

Project image

Movie project

I created this project in order to demonstrate a simple dynamic web application to Software Engineering Students at Masterschool.


Tech stack: Python Flask, JSON, HTML5, Figma, Git/Github

Visit
Project image

My portfolio website

I developed my portfolio website. This site is a "static website" which shows some of the projects that I have worked on.

Tech stack: Vanilla javascript, vanilla CSS and HTML, Figma, Git/Github - No framework was used in project.

Visit
Project image

Citygeeks Canada

Citygeeks is an ecommerce and service provider website. I completely redesigned the site pages including landing, shop, about, contact pages.

Tech stack: Wordpress, Elementor, Woocommerce, CSS, HTML, Mysql database.

Visit
Project image

Frouple

Frouple is a mobile app that aims at connecting couples that share similar interests. App features includes real-time chats, couples feeds, auth...

Tech stack: Reactjs/React-Native, Expo, AWS (cognito, appsync, dynamodb, lamda, IAM, S3, Graphql API), js, Figma, Git/Github.

Visit
Project image

TaxiHome

A taxi booking website for booking a private taxi in Hanoi, Vietnam.

Tech stack: Google location API, HTML, CSS, Javascript and PHP (for sending emails), Git/Github, CP

Visit
Project image

Frouple landing page

A fully responsive and user friendly landing page for the Frouple mobile app.

Tech stack: Vanilla HTML, CSS and Javascript. AWS SES is used for sending email via contact form on the website, Figma, Git/Github.

Visit
Project image

Fluentino

A language learning app that provides an informal and easy conversations with peers, mentored by a moderator. All anonymously! I worked on both front and backend.

Tech stack: Nextjs, js, HTML, CSS, Javascript, Django, Docker, Git/Github, Sendgrid, CI/CD, Redis, html, etc.

Visit
Project image

Frouple admin

This is an admin only website for carying out Frouple admin activities. This app uses the same backend as the mobile app with reactjs/css frontend. URL not provided for secrutiy reasons.

Tech stack: CI/CD with AWS, Reactjs, js, HTML, CSS, Bootstrap, Git/Github, AWS services.

Visit
Project image

Glory Worship Centre Site

This is the official website of Glory Worship Centre Church located in Innsbruck, Austria.

Tech stack: Vanilla js, Vanilla CSS, HTML, AWS SES for sending message via contact form, Git/Github.

Visit
Project image

Personality Test

A simple static website helps you figure out if you are an introvert or an extrovert by answering some questions.

Tech stack: Vanilla js, JSON, Vanilla CSS, HTML, Git/Github.

Visit
Project image

Multi-user blog

A multi-user user blog platform similar Medium that is geard towards writing programming articles. App demo

Tech stack: Django, python, HTML, Bootstrap, CSS, Git/Github. services.

Visit

Skills & Technologies

Here are the technologies and tools I work with to bring ideas to life.

πŸ’»

Frontend

React JavaScript HTML5 CSS Next.js React Native Bootstrap
βš™οΈ

Backend

Python Django Flask FastAPI Node.js PHP GraphQL
☁️

Cloud & DevOps

AWS Docker CI/CD Lambda S3 DynamoDB
πŸ› οΈ

Tools & Others

Git Figma WordPress MySQL Redis Expo
🎯

Soft Skills

Communication Teaching Mentoring Leadership Problem Solving Technical Writing

Blog

I share insights and tutorials on software development through Medium, covering full-stack web development, mobile app development, databases, network programming, and modern development practices.

πŸš€

Full-Stack Development

End-to-end application development, from frontend frameworks to backend APIs and deployment strategies.

πŸ“±

Mobile App Development

Building cross-platform mobile applications with React Native, navigation patterns, and mobile-first architecture.

πŸ—„οΈ

Databases & Architecture

Database design patterns, optimization techniques, and scalable system architecture approaches.

🌐

Network Programming

Building networked applications, understanding protocols, and implementing real-time communication.

10+ Articles Published
10k+ Readers
Visit my blog Read My Articles

Teaching & Mentoring

I'm passionate about empowering the next generation of software engineers through education, mentorship, and hands-on guidance.

Current Role

Lead Mentor at Masterschool

Guiding students through a comprehensive 14-month Software Engineering bootcamp designed to prepare them for their first tech role.

πŸ‘₯

One-on-One Mentoring

Personalized guidance on coding challenges, career development, and technical interview preparation.

πŸŽ“

Live Sessions

Interactive workshops covering full-stack development, best practices, and real-world problem-solving.

πŸ’Ό

Career Support

Resume reviews, portfolio feedback, and strategies for landing that first engineering position.

100+ Students Mentored
14 Month Program
Learn About Masterschool

Let's Connect

Have a project in mind or just want to chat? I'm always open to discussing new opportunities, collaborations, or simply connecting with fellow developers.

Send Me a Message

Fill out the form below and I'll get back to you as soon as possible.

.