https://github.com/znissou/portfolio_contact
📱 Flutter Web Contact Section for Portfolio Websites. A responsive and modern contact form built with Flutter Web, designed to be embedded as an iframe in portfolio websites. This lightweight contact section provides an elegant way for visitors to get in touch.
https://github.com/znissou/portfolio_contact
flutter flutterweb portfolio portfolio-website
Last synced: 5 months ago
JSON representation
📱 Flutter Web Contact Section for Portfolio Websites. A responsive and modern contact form built with Flutter Web, designed to be embedded as an iframe in portfolio websites. This lightweight contact section provides an elegant way for visitors to get in touch.
- Host: GitHub
- URL: https://github.com/znissou/portfolio_contact
- Owner: znissou
- License: mit
- Created: 2025-02-12T10:10:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-12T11:54:13.000Z (5 months ago)
- Last Synced: 2026-01-12T19:27:24.216Z (5 months ago)
- Topics: flutter, flutterweb, portfolio, portfolio-website
- Language: Dart
- Homepage:
- Size: 110 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio Contact Section - Flutter Web
This is a Flutter Web contact section that I created to be embedded as an iframe in my existing portfolio website. It provides a clean, responsive contact form for visitors to get in touch.
## Features
- Responsive design that works on all devices
- Clean, modern UI with Material Design components
- Form validation for email and required fields
- Easy integration via iframe embedding
- Lightweight and fast loading
## Installation
To run this project locally:
```bash
# Clone the repository
git clone https://github.com/znissou/portfolio_contact.git
# Navigate to the project directory
cd portfolio_contact
# Get dependencies
flutter pub get
# Run the app
flutter run -d chrome
```
## Usage
This contact section is designed to be embedded in your existing portfolio website using an iframe:
```html
```
## Technologies
- **Flutter Web** - For cross-platform web development
- **Dart** - Programming language
- **Material Design** - UI components and styling
- **URL Launcher** - For handling external links
- **HTTP** - For form submission
## Project Structure
```
lib/
├── main.dart # Entry point
├── constants.dart # App constants and themes
├── views/ # UI components
│ ├── home_screen.dart
│ └── contact_section/
│ ├── contact_section.dart
│ └── components/
└── models/ # Data models
```
The project is ready to be deployed as a standalone web app or embedded in your existing portfolio.