flutter-carousel-slider-example

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

flutter-carousel-slider-example

(★ 28)

In this project, I will show everything you need to know about designing a carousel slider and how to get data from a server(REST API) and show.

flutter-carousel-slider-example Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]

<p align="center">
  <h3 align="center">Flutter Carousel Slider With REST API</h3>
</p>

[![Product Name Screen Shot][product-screenshot]](https://github.com/Sameera-Perera/flutter-carousel-slider-example/blob/main/home.png)

In this tutorial, I will show everything you need to know about designing a carousel slider and how to get data from a server(REST API) and show. also, I will save those REST API data into local storage(get storage). so when your relog into the app no need to wait for server data.
In this example code, I used the Getx library, and the project created using Flutter version 2.xx. Hope you learn something! don't forget to give like and follow. Thank you!

### Built With
Used below plugings for this project

* get: ^4.1.4
* get_storage: ^2.0.2
* carousel_slider: ^3.0.0
* cached_network_image: ^3.0.0
* shimmer: ^2.0.0

## Getting Started

To get a local copy up and running follow these simple example steps.

### Installation

1. Clone the repo
   ```sh
   git clone https://github.com/Sameera-Perera/Flutter-image-upload-complete-example.git
   ```
2. Install packages
   ```sh
   flutter pub get
   ```
3. Create new firebase project and add data into firestore database and storage.
  
Note: Make sure your firestore rules are allow to fetch data.
![Product Name Screen Shot][firebase-rules-screenshot]

## Usage

Demo video - https://youtu.be/IVQROkCqAmg

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

You Tube - [@programming_night](https://www.youtube.com/channel/UCKn8mSyZt_qwXK1Kzr6hA9w) - Programming Night

Project Link: [https://github.com/Sameera-Perera/flutter-carousel-slider-example](https://github.com/Sameera-Perera/flutter-carousel-slider-example)

[contributors-shield]: https://img.shields.io/github/contributors/Sameera-Perera/flutter-carousel-slider-example.svg?style=for-the-badge
[contributors-url]: https://github.com/Sameera-Perera/flutter-carousel-slider-example/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/Sameera-Perera/flutter-carousel-slider-example.svg?style=for-the-badge
[forks-url]: https://github.com/Sameera-Perera/flutter-carousel-slider-example/network/members
[stars-shield]: https://img.shields.io/github/stars/Sameera-Perera/flutter-carousel-slider-example.svg?style=for-the-badge
[stars-url]: https://github.com/Sameera-Perera/flutter-carousel-slider-example/stargazers
[issues-shield]: https://img.shields.io/github/issues/Sameera-Perera/flutter-carousel-slider-example.svg?style=for-the-badge
[issues-url]: https://github.com/Sameera-Perera/flutter-carousel-slider-example/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: http://www.linkedin.com/in/sameera-perera-1148081b8
[product-screenshot]: home.png
[firebase-rules-screenshot]: firebase-rules.png

flutter-carousel-slider-example

flutter-carousel-slider-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

flutter-carousel-slider-example

flutter-carousel-slider-example Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README