Welcome to my portfolio project, developed with Flutter. The design inspiration for this project comes
from Karina Sirqueira. The main page features an attractive layout, utilizing a Stack and implicit
animations to animate shapes seamlessly.
If you're curious about how I built it, check out my detailed Medium blog here!
- Aesthetic animations
- Responsive shapes adjust dynamically to different screen sizes
- Title preview on hover over shapes
- Interactive animation triggers when clicking on a shape, expanding it to fill the screen and transition to a specific section.
- 7 Sections to display projects and a about section
- Hover animation on links offers visual feedback with brighter color transitions.
-
Shapes on the main page are positioned using a Stack widget.
-
AnimatedPositioned and AnimatedContainer are used for smooth position and shape animations, respectively.
-
Periodic timer that randomly selects a shape every 4-second interval.
-
AnimatedSwitcher facilitates the text preview on hovering over a shape.
-
Hero animation and FadeTransition is used to smoothly transition to a new page on shape click.
-
Horizontal scroll view is used for the big title
-
PageView widget enables scrolling through the project sections.
-
AnimatedRotation adds rotation movement to the icon.
-
AnimatedDefaultTextStyle provides color hover animation on links.
-
GIFs and descriptive text in various sections effectively showcase different projects.
- Flutter: Ensure you have the latest version of Flutter installed. If not, follow the Flutter installation guide.
-
Clone the repository to your local machine:
git clone https://github.com/toseefkhan403/toseefkhan403.github.io.git
-
Open the project in your preferred code editor.
-
Install the required dependencies by running:
flutter pub get
-
Run the app on chrome or an emulator:
flutter run
This project is licensed under the MIT License - see the LICENSE file for details.