Code Monkey home page Code Monkey logo

ecommerce's Introduction

E-commerce App with Flutter and Firebase

image image

Table of Contents

Overview

Created a feature-rich eCommerce cross-platform app using the following tech stack: Flutter and Dart for frontend development, Firebase for backend and database integration, GetX for state management, and VelocityX for rapid UI prototyping and styling.

Features

List the main features of your E-commerce app:

  • User authentication (Firebase Auth)
  • Browse and search products
  • Add products to cart
  • Checkout and payment processing (In process)
  • Order history
  • User profile management
  • Real-time updates using Firebase Realtime Database or Firestore
  • Product reviews and ratings
  • Wishlist functionality

Getting Started

Setup Flutter, Dart, and Firebase along with Android/iOS emulator and run the main.dart file.

Prerequisites

  • Flutter SDK (version X.X.X)
  • Firebase project with authentication and Firestore setup
  • Android Studio or Visual Studio Code with Flutter plugins

Installation

Provide step-by-step instructions on how to install and set up your app:

  1. Clone this repository:

git clone https://github.com/vbhvshukla/ecommerce.git

  1. Change the directory to the project folder:

cd your-repo

  1. Install Flutter dependencies:

flutter pub get

  1. Configure Firebase:
  • Create a Firebase project on the Firebase Console.
  • Put the google-services.json in the android folder of your main project directory.
  1. Run the app:

Usage

  • Splash Screen: When you launch the app, you'll be greeted by a stylish splash screen that introduces you to the shopping world.

  • Login or Signup: If you're not already logged in, you'll be prompted to either log in with your existing credentials or create a new account by signing up.

  • Home Screen: Upon successful login or signup, you'll land on the home screen. Here, you have several options:

  • Product Page: You can directly go to the product page to browse and purchase products.

  • Categories: Explore our wide range of categories to find products that match your interests and needs.

  • Cart: View and manage the items in your cart. You can proceed to checkout from here (Note: Checkout feature is a work in progress).

  • User Profile: Access your user profile where you can see your information and change it as needed. You can also add a profile picture to personalize your account.

Project Structure

Briefly describe the organization of your project's code. For example:

  • lib/: Contains the main Flutter app code.
  • consts/: Contains every constants.
  • controllers/: Contains every controller.
  • models/: Contains all data models.
  • common_widgets/: Custom widgets.
  • views/: Custom different views/screens.
  • services/:Handles restore services/JSON.
  • ...

ecommerce's People

Contributors

vbhvshukla avatar

Watchers

 avatar

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.