A comprehensive e-commerce platform featuring both a modern web application and a mobile Flutter app, providing seamless shopping experiences across all devices.
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
- Clone the repository
git clone https://github.com/Premkolte/MicroMart.git
cd MicroMart- Navigate to web application directory
cd MERN-Website- Install dependencies
npm install- Start development server
npm run dev- Build for production
npm run build- Navigate to Flutter app directory
cd Android-App- Install Flutter dependencies
flutter pub get- Run the app
flutter run- 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
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
flutter run- Run the appflutter build apk- Build Android APKflutter build ios- Build iOS appflutter 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!