Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jyotindersingh/shoplyft

An e-commerce application developed using Flutter and Firebase
https://github.com/jyotindersingh/shoplyft

Last synced: about 5 hours ago
JSON representation

An e-commerce application developed using Flutter and Firebase

Awesome Lists containing this project

README

        

![Hero Image](/ShopLyft.png)
# ShopLyft
## E-commerce Application

An E-commerce application built using Flutter, with a Firebase serverless backend.

**Features**
- Sign Up/Login
- Auto Login / Auto Logout (when token expires)
- Add products to Favourites
- Add/Remove products in the cart
- Number of items in the cart is displayed on the cart icon as a badge on the top right, for better UX
- Cart Items are dismissible, which allows the user to swipe them out of the screen to remove them from the cart
- Change quantities of the products right from the cart screen
- Product Overview page loads the images from the internet gracefully, displaying skeleton images while the actual content loads
- View Product Images in fullscreen by clicking on the preview image in the Product Details screen
- Snackbars at the bottom of the screen to undo certain actions such as adding products to cart by mistake
- View products by category
- View previous orders, and view detailed order summaries
- Add/Edit/Remove your own products in the marketplace.
- Edit Products Screen allows you to see a preview of your product images right inside the app, before you publish them to the database.

---

## Steps to use
- Clone the repo
- run the folowing to install the dependencies
```
flutter pub get
```
- Build a project on the FireBase using RealtimeDB
- The application adds entries in the following heirarchy to your Database
```
{
"orders" : {
: {
: {
"amount" : ,
"dateTime" : ,
"products" : [ {
"id" : ,
"price" : ,
"quantity" : ,
"title" :
}, {
"id" : ,
"price" : ,
"quantity" : ,
"title" :
} ]
}
},
},
"products" : {
: {
"category" : ,
"creatorId" : ,
"description" : ,
"imageUrl" : "https://.jpg",
"price" : ,
"title" :
},
},
"userFavourites" : {
: {
: true
},
}

```
- Add your Firebase API Keys inside a secrets file in your lib folder (refer to the .gitignore for the dir-path)

---

This application was built as a part of my VI Semester Android Application Development project at MIT, Manipal.