A comprehensive e-commerce platform featuring both a modern web application and a mobile Flutter app, providing seamless shopping experiences across all devices.

• Website: https://micro-mart-nk302zcbt-premkoltes-projects.vercel.app

MicroMart is a full-stack e-commerce solution that includes:

• Web Application (MERN-Website): A responsive React-based e-commerce website
• Mobile Application (Android-App): A Flutter-based mobile application

• Frontend: React 18, TypeScript
• State Management: Redux Toolkit, Redux Thunk
• Routing: React Router v6
• Styling: SCSS, Framer Motion
• HTTP Client: Axios
• UI Components: SwiperJS for carousels
• Build Tool: Vite
• Deployment: Vercel

• Framework: Flutter
• Language: Dart
• Platform: Android (with iOS support)

• 🎨 Fully responsive design
• 🛒 Add to cart functionality
• 🗑️ Remove items from cart
• 💳 Checkout process
• 🖼️ Lazy loading of images
• ⚡ Image optimization
• 🔍 Quick view for products
• 📄 Detailed product pages
• 🛍️ Shopping cart management
• 🔐 User authentication/login
• 📱 Mobile-first responsive design
• 🎭 Smooth animations with Framer Motion

• 📱 Native mobile experience
• 🛒 Shopping cart functionality
• 📦 Product browsing
• 👤 User authentication
• 🎨 Modern UI/UX design

MicroMart/
├── MERN-Website/           # React Web Application
│   ├── src/
│   │   ├── app/           # Redux store configuration
│   │   ├── components/    # Reusable React components
│   │   ├── features/      # Feature-based modules
│   │   ├── pages/         # Page components
│   │   ├── routes/        # Routing configuration
│   │   └── types/         # TypeScript type definitions
│   ├── public/            # Static assets
│   ├── package.json
│   └── vite.config.ts
├── Android-App/           # Flutter Mobile Application
│   ├── lib/
│   │   ├── main.dart      # Main application entry
│   │   ├── Dataset/       # Data models
│   │   ├── Items/         # UI components
│   │   └── Screens/       # App screens
│   ├── android/           # Android-specific files
│   ├── ios/              # iOS-specific files
│   ├── images/           # Image assets
│   └── pubspec.yaml
└── vercel.json           # Deployment configuration

• Node.js (v16 or higher)
• npm or yarn
• Flutter SDK (for mobile app)
• Android Studio / VS Code

1. Clone the repository

git clone https://github.com/Premkolte/MicroMart.git
cd MicroMart

2. Navigate to web application directory

cd MERN-Website

3. Install dependencies

npm install

4. Start development server

npm run dev

5. Build for production

npm run build

1. Navigate to Flutter app directory

cd Android-App

2. Install Flutter dependencies

flutter pub get

3. Run the app

flutter run

4. Build APK

flutter build apk

The web application is automatically deployed to Vercel when changes are pushed to the main branch.

Deployment URL: https://micro-mart-nk302zcbt-premkoltes-projects.vercel.app

The Flutter app can be built and distributed through:

• Google Play Store (Android)
• Apple App Store (iOS)
• Direct APK distribution

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

• flutter run - Run the app
• flutter build apk - Build Android APK
• flutter build ios - Build iOS app
• flutter test - Run tests

If you encounter any issues or have questions, please create an issue in this repository.

This project is licensed under the MIT License - see the LICENSE file for details.

Prem Kolte

• GitHub: @Premkolte

⭐ If you found this project helpful, please give it a star!