响应式 Flutter 投资组合应用程序和网站

感谢您访问我的投资组合网站存储库。这个基于 Flutter 的网站展示了我的技能、项目、认证以及联系我的方式。该网站的设计重点在于响应式,确保它在各种设备上看起来和运行都完美无缺,从大型桌面屏幕到紧凑的 Android 设备。

实时演示

您可以浏览网站的实时版本 点击查看实时演示

屏幕截图

主要特点

  • 响应式设计:投资组合网站经过精心设计,可在各种设备上提供一致且视觉上令人愉悦的体验。无论您是通过大型桌面屏幕、笔记本电脑、平板电脑还是小型 Android 智能手机访问该网站,布局和内容都会优雅地适应,以确保最佳的可用性。

  • 项目展示:投资组合的核心在于其项目展示。每个项目都以一个引人入胜的卡片形式呈现,提供了项目本质的快照。访客可以选择点击这些卡片以深入了解每个项目的详细信息。此外,指向相应 GitHub 存储库的直接链接允许访客探索代码库并全面了解项目的技术方面。

  • 认证和成就:我相信持续学习和成长,因此投资组合包含一个专门的版块来展示我的认证和成就。这提供了对我的职业旅程的洞察,突出显示了我在此过程中获得的技能和专业知识。

  • 联系与互动:为了方便沟通,投资组合提供了多种联系我的途径。联系部分包含我的电子邮件地址、LinkedIn 个人资料和 Twitter 句柄等信息。无论您是潜在的合作者、雇主,还是仅仅是希望建立联系的人,我都随时欢迎进行有意义的交流。

  • 优雅的 UI 和动画:投资组合的用户界面经过精心设计,不仅功能强大,而且视觉上也很吸引人。微妙的动画贯穿整个网站,以创造一种引人入胜且令人愉悦的浏览体验。这些动画经过精心平衡,以增强用户参与度,而不会压倒内容。

使用的技术和包

投资组合网站是使用强大的开源 UI 软件开发工具包 Flutter 构建的。使用了以下包来增强网站的各个方面

  • google_fonts:将来自 Google Fonts 库的有吸引力且易于阅读的字体集成到网站中。
  • flutter_svg:支持 SVG 图像的无缝集成和渲染,确保所有设备上的高质量图形。
  • get:支持高效的状态管理,简化了处理和更新 UI 组件的过程。
  • photo_view:提供优雅且用户友好的图像查看器,以增强视觉体验。
  • url_launcher:支持与外部链接的轻松集成,允许访问者快速导航到外部资源。
  • font_awesome_flutter:引入了 FontAwesome 库中的各种可自定义图标,增强了网站功能的视觉表示。

入门

要克隆该项目并在本地计算机上探索和与之交互,请按照以下步骤操作

  1. 克隆存储库: git clone https://github.com/Hamad-Anwar/Flutter-Responsive-Portfolio-WebApp.git
  2. 安装依赖项: flutter pub get
  3. 运行应用程序 flutter run

使用指南

网站启动并运行后,您会发现一系列可供探索的部分

  • 主页:着陆页欢迎访问者,并提供网站内容和目的的概述。
  • 项目:浏览我的各种项目,每个项目都显示为一个交互式卡片。点击卡片会显示详细信息以及 GitHub 存储库的直接链接。
  • 认证:探索我的认证,深入了解我的专业发展历程。
  • 联系:通过提供的联系方式或社交媒体链接与我联系。

贡献

我欢迎社区的贡献和建议!如果您遇到任何问题,有改进的想法,或者希望以任何方式做出贡献,请随时打开一个 issue 或提交一个 pull request。让我们携手合作,让这个作品集变得更好!

联系我

您的反馈和想法非常宝贵。欢迎通过以下方式与我联系

许可证

本项目根据 MIT 许可证授权 – 详情请参阅 LICENSE 文件。


Hamad Anwar 设计和开发,附带 ❤️。

GitHub

查看 Github