Git Product home page Git Product logo

chandansgowda / flutter_ui_kit Goto Github PK

View Code? Open in Web Editor NEW
18.0 2.0 16.0 124.54 MB

An open source collection of flutter application templates which includes high quality responsive screens and widgets.

License: MIT License

Java 0.11% Objective-C 0.47% Dart 96.68% Kotlin 0.10% Swift 0.29% HTML 1.33% Ruby 1.00%
dart flutter flutter-apps flutter-design flutter-examples flutter-ui templates hacktoberfest hacktoberfest2022 contributions-welcome

flutter_ui_kit's Introduction

Flutter UI Kit

An open-source collection of flutter application templates that includes high-quality responsive screens and widgets.

Steps to contribute

  • Drop a ⭐ on the Github repository (optional)

  • Before Contribute Please read CONTRIBUTING.md and CODE_OF_CONDUCT.md

  • Create an issue of the project or a feature you would like to add in the project and get the task assigned for youself.(Issue can be any bug fixes or any feature you want to add in this project).

  • Fork the repo to your Github.

  • Clone the Repo by going to your local Git Client in a particular local folder in your local machine by using this command with your forked repository link in place of below given link:
    git clone https://github.com/chandansgowda/flutter_ui_kit

  • Create a branch using below command. git branch <your branch name>

  • Checkout to your branch. git checkout <your branch name>

  • Add your code in your local machine folder. git add .

  • Commit your changes. git commit -m"<add your message here>"

  • Push your changes. git push --set-upstream origin <your branch name>

  • Make a pull request! (compare your branch with the owner main branch)

Code of Conduct

Review the Code of Conduct

Feedback

Any feedback would be appreciated. Create a new feedback issue.

Completed Flutter Templates

1. Coffee App UI

image

Contributors:


#FITNESS APP

#reference image My Project: https://github.com/Redvey/flutter_ui_kit/assets/128305006/5121f6c7-56c8-44de-9889-dea58d4769e9 This Flutter application is designed for a fitness-focused mobile app and features a Trainer Screen. The app offers a variety of functionalities and components to enhance the fitness experience. Here's a brief overview of the key features:

Customized AppBar: The app includes a sleek and transparent app bar with a user profile picture and an integrated notification bell icon.

Category Listings: Users can explore different fitness categories, each accompanied by a relevant image and specialization details. These categories help users find the ideal fitness trainer.

Search Functionality: A user-friendly search box is available to quickly find a preferred trainer or fitness category. The search functionality is designed for a seamless user experience.

Trainer Profiles: Trainer profiles are displayed in a visually appealing manner. Each profile includes the trainer's name, specialization, and a background image. Users can tap on a trainer for more details.

Navigation: The app's navigation is facilitated by a bottom navigation bar. When a user is on the "TrainerScreen," the "Trainer" option in the bottom navigation bar is selected, ensuring a clear indication of the active screen.

Top Trainer Page: Users can access a "TopTrainerPage" to explore the top fitness trainers. This feature provides valuable insights into the highest-rated trainers.

All Trainers Listing: The app also offers an "All Trainers" section, allowing users to browse through an extensive list of trainers, each with their name and role.

This GitHub repository showcases the code for the fitness app, making it a valuable resource for developers interested in creating similar fitness and trainer-related applications. Feel free to explore the code and adapt it to your specific project needs.

For more detailed instructions and documentation, refer to the codebase and project files within the repository. Screenshot 2023-10-24 at 10 11 24 PM Screenshot 2023-10-24 at 10 11 18 PM Screenshot 2023-10-24 at 10 11 28 PM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.