Skip to content

Repository files navigation

ProfileCardApp 👋

A clean and interactive Flutter Profile Card App that displays personal information, profession, contact details, and social media links.

This project is ideal for building a portfolio-ready app showcasing your skills as a Full-Stack and Mobile App Developer.

🚀 Project Overview

ProfileCardApp demonstrates:

  • Flutter project setup and structure
  • Stateful and Stateless widgets
  • Layouts with Column, Center, Card, and ListTile
  • Styling with fonts, colors, and icons
  • Clickable social media buttons (LinkedIn, GitHub, Telegram) using url_launcher

🛠 Tech Stack

  • Flutter - Cross-platform UI toolkit
  • Dart - Programming language
  • VS Code - IDE for Flutter development
  • Chrome / Windows - Testing platforms

📱 Features

  • Profile Image: Display a circular avatar
  • Name & Profession: Clearly shows your full name and role
  • Contact Info: Phone number and email address
  • Social Links: Clickable LinkedIn, GitHub, and Telegram buttons

▶️ How It Works

  1. App starts with your profile image, name, and profession
  2. Displays phone number and email
  3. Social buttons are clickable and open the respective URL in a browser

📂 Installation

  1. Clone the repository:
git clone https://github.com/kingfillari/ProfileCardApp.git
cd ProfileCardApp

Install dependencies:

bash

flutter pub get

Run the app (web example):

flutter run -d chrome

## 📚 What I Learned

Flutter layouts and widgets

Using url_launcher for opening URLs

Organizing assets and pubspec.yaml

Building interactive, portfolio-ready UI

## 🎯 Future Improvements

Add more social media buttons (Twitter, Instagram)

Make the profile card multi-screen (About, Projects, Contact)

Add animations for smoother UI

Deploy as mobile app for Android & iOS

👤 Author
KingFillari
Aspiring Full-Stack & Mobile App Developer 🚀
LinkedIn | GitHub | Telegram: @kingfillari

📜 License
This project is private and not published on pub.dev. Feel free to use it as inspiration for your own Flutter portfolio projects.

About

A simple Flutter app that displays a personal/business profile card with: Profile photo Name & role Contact info (email, phone, social links) Stylish layout with Flutter widgets

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages