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.
ProfileCardApp demonstrates:
- Flutter project setup and structure
- Stateful and Stateless widgets
- Layouts with
Column,Center,Card, andListTile - Styling with fonts, colors, and icons
- Clickable social media buttons (LinkedIn, GitHub, Telegram) using
url_launcher
- Flutter - Cross-platform UI toolkit
- Dart - Programming language
- VS Code - IDE for Flutter development
- Chrome / Windows - Testing platforms
- 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
- App starts with your profile image, name, and profession
- Displays phone number and email
- Social buttons are clickable and open the respective URL in a browser
- 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.