The official website for FlutterConf Paraguay, built entirely with Flutter Web.
🔗 Live Demo: https://flutterconf-py.web.app/
This project showcases a responsive, modern, and interactive landing page for the conference, featuring details about speakers, the agenda, sponsors, and the organizing team.
- Responsive Design: Optimized for both desktop and mobile web experiences.
- Dynamic Content: Conference data (speakers, agenda, sponsors) is loaded dynamically from JSON configuration files, making it easy to update for future events (2024, 2025, 2026, etc.).
- Localization (i18n): Full support for English and Spanish, automatically detecting or allowing users to switch languages.
- Smooth Navigation: Interactive navigation bar with smooth scrolling to specific sections (Speakers, Agenda, Sponsors, Team).
- Animations: Engaging UI with
lottieanimations andanimated_text_kit.
- Framework: Flutter (Web)
- Routing: go_router
- State Management: provider
- Localization:
flutter_localizations,intl - Responsive UI: flutter_screenutil
- Fonts: google_fonts
- Assets & Gen: flutter_gen for type-safe assets.
Follow these steps to set up and run the project locally.
- Flutter SDK installed.
- A web browser (Chrome, Edge, Safari, etc.).
-
Clone the repository:
git clone https://github.com/your-username/flutter_conf_web.git cd flutter_conf_web -
Install dependencies:
flutter pub get
-
Run the project:
flutter run -d chrome
lib/
├── app/
│ ├── config/ # App-wide configuration
│ ├── models/ # Data models (Speaker, Agenda, etc.)
│ ├── notifiers/ # State notifiers (e.g., Language)
│ ├── pages/ # Main pages (LandingPage)
│ ├── sections/ # UI Sections (Agenda, Speakers, Sponsors...)
│ ├── services/ # Logic services (Config loading, URL handling)
│ └── widgets/ # Reusable UI components
├── core/
│ ├── constants/ # Global constants
│ └── themes/ # App theme and colors
├── gen/ # Generated assets (do not edit manually)
├── l10n/ # Localization files (.arb)
└── main.dart # Entry point
The app supports English (en) and Spanish (es).
Translation files are located in lib/l10n/arb/.
To add new strings:
- Add the key-value pair to
app_en.arbandapp_es.arb. - Run
flutter pub getto regenerate the localization classes.
This project uses flutter_gen to generate type-safe paths for assets (images, fonts, animations).
If you add new assets to the assets/ folder, run:
flutter pub run build_runner build(Or simply flutter pub get usually triggers the generation depending on setup)
Linkedin icons created by NajmunNahar - Flaticon
Twitter icons created by Pixel perfect - Flaticon
Github iconos creados por Pixel perfect - Flaticon
Instagram logo icons created by Freepik - Flaticon