KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

fludget

★ 31 Open GitHub ↗

Learn Flutter on Flutter! A widget directory with implementation samples!

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center"> Fludget </h1>
<p align ="center">
<img alt="code" width="250" height:"250" src="https://raw.githubusercontent.com/ACM-VIT/fludget/master/assets/images/logo.png">
  </p>
<p align="center"> 
Browse through a variety of widgets used in flutter and learn how to use them
</p>

<p align="center">Project Status</p>

---

<p>

This application is developed to learn Flutter using Flutter. Different widgets used in Flutter can be viewed in this app along with their implementation, description and code. If you like our work, ⭐ the repository to show support.

</p>

<h1 align="left"> Screenshots of the application </h1>

<p align="left">
  <h2 align="left">Splash Screen</h2>
   <img src="https://user-images.githubusercontent.com/63790391/138469199-a30e8fc7-489b-4f72-9b97-671b6740b3fa.jpeg" width="200">
  <h2 align="left">Home Screen </h2>
  <h3 align="left">Light Mode </h3>
  <div <table><tr>
  <img src="https://user-images.githubusercontent.com/63790391/138469344-2ac9642e-1127-4219-9cc7-70cd85b50035.jpeg"width="200">
  <img src="https://user-images.githubusercontent.com/63790391/138469346-2559e5aa-5ed6-422e-9958-3e312c95e0ea.jpeg"width="200">
  <img src="https://user-images.githubusercontent.com/63790391/138469348-8181fb28-8d5f-49cb-b08f-45726f169c93.jpeg"width="200">

</tr></table></div>
   <h3 align="left">Dark Mode </h3>
  <div <table><tr1>
   <img src="https://user-images.githubusercontent.com/63790391/138469446-ee690a32-45b1-4048-8dde-8f5b21a60764.jpeg"width="200">
    <img src="https://user-images.githubusercontent.com/63790391/138469453-954b941d-edc9-4690-8862-9e166ea54ea9.jpeg"width="200">
   <img src="https://user-images.githubusercontent.com/63790391/138469458-932d2896-10ad-4ecb-b024-e1a024c52010.jpeg"width="200">

</tr1></table></div>
  
   <h2 align="left">Implementation Example</h2>
     <div <table><tr1>
   <img src="https://user-images.githubusercontent.com/63790391/138469641-a1579bc7-d6ce-4bff-b409-b2811edf8951.jpeg"width="200">
   <img src="https://user-images.githubusercontent.com/63790391/138469645-08d733e7-f030-4903-96b5-97a1e4a898d8.jpeg"width="200">
   <img src="https://user-images.githubusercontent.com/63790391/138469650-fb49ea9e-5af9-4080-9642-3c7976329dd9.jpeg"width="200">

<h2 align= "left">Tech Stack </h2>

<h4 align="left"> Languages </h4>

- [Dart](https://dart.dev/)

- [Flutter](https://flutter.dev/)

# How to contribute to this project

- Make sure to read the [contributing guidelines](CONTRIBUTING.md) before contributing.
- `Fork` this repository.
- `Clone` your fork on local machine.
- Switch to the `master` branch.
- Make a new `branch`, preferably with the feature name.
- Checkout to the new branch with `git checkout <new_branch_name>`
- Do the desired changes and `commit` them with `git commit -m '<a nice commit message here>'`.
- `Push` the change to your fork on GitHub with `git push origin <your_branch_name>`
- Make a `Pull Request` to the master branch in the original repository, i.e. this one.

Note: Make sure you are always up to date with sync and pull upstream. Sync and pull before you start and before you push your work.

### How to contribute to the Widget Catalog

1. Create a new dart file named `*widget*.dart` for the widget being added under `lib/routes/`
2. Create a class named **_Widget_**_Implementation_ and implement the widget
3. Add description of the widget using **_Widget_**_Description_ class in the `*widget*.dart` file
4. Add the code written for the widget in String format using **_Widget_**_Code_ class in the same file
5. Add a new ListTile using the model `WidgetModel` in `lib/widgetList.dart` for the widget
6. In the `WidgetModel` 
    - Add an argument `name` and pass the name of the Widget
    - Add an argument `implementaion` and add `*Widget*Implementation()` as the parameter 
    - Add an argument `description` and add `*Widget*Description()` as the parameter
    - Add an argument `codeString` and add `*Widget*Code()` as the parameter
    - Add an argument `link` and include link to the official documentation of the widget as the parameter
    - Add an argument `category` and include category of the widget as the parameter
   
# Contributors

# Authors

- [Aryan Khubchandani](https://github.com/AryanKhubchandani)

# License

Copyright &copy; 2021 ACM-VIT <br><br>
The source code for the site is licensed under the <b>MIT license</b>. This program is free software and is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

See the [`LICENSE`](./LICENSE) file for more details.

fludget

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README