Skip to content

This repo has the code related to the screen which is displayed when we have chosen option 3 from the bottom navbar

Notifications You must be signed in to change notification settings

harshkumarkhatri/Snapchat-Bottom-Navbar-Option-3

Repository files navigation

Snapchat Bottom Navbar Option 3

forthebadge forthebadge forthebadge forthebadge forthebadge

Introduction 📌

This is the option 3 for the snapchat ui which i am creating in flutter. Option 3 has the chat screen.

I have tried duplicating the original snapchat UI.

Technology Stack 🏁

Why this Project? 🏃‍♂️

This is only the UI implementation of snapchat.

I have made this project to get better with UI making in flutter.

I have also made some youtube videos explainging how this UI was created.

Check them out here:- https://www.youtube.com/channel/UCKNtMU9M559bmXxKoT6YeJw

For this project, i have worked on various domains like:

  • UI for the app
  • Layouts and designs

👀 Build Instructions

  • Clone the Repository: git clone https://github.com/harshkumarkhatri/Snapchat-Bottom-Navbar-Option-3
  • cd into the Repository: cd Snapchat-Bottom-Navbar-Option-3
  • If you want to have a look at the project in web then you can follow the steps given below.
    • Enable beta channel and enable web support:
$ flutter channel beta
$ flutter upgrade
$ flutter config --enable-web
  • Check for the Devices configured for Flutter Web: flutter devices
  • Run the App in Release Mode: flutter run
  • Generate a Build: flutter build apk --split-per-abi

Contributors ✨

About

This repo has the code related to the screen which is displayed when we have chosen option 3 from the bottom navbar

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published