⚡ FLUX: Where Shopping Flows

Developed a mobile app with a user-friendly e-commerce product listing page using React Native. The app allow users to browse through products, apply filters (e.g., category, price range), sort products based on different criteria, and support pagination for smooth navigation through the product catalog.

Built with React Native and TypeScript, this project demonstrates how modern mobile architecture can create experiences that feel almost magical in their responsiveness. Every animation is buttery smooth, every search result appears instantly, and every interaction feels natural.

The Tech Stack

• React Native - TypeScript - Zustand - Tailwind CSS (via nativewind) - Lucide Icons

Project Structure

The app follows a clean, hierarchical structure: Everything has its place:

src/
├── components/
│   ├── pagination/     # Smooth page transitions
│   ├── product/        # Product display components
│   ├── skeletons/      # Beautiful loading states
│   └── ui/            # Reusable building blocks
├── constants/         # App configuration and mock data
├── hooks/            # Custom functionality (debouncing, etc.)
├── screens/          # Main app screens
├── store/            # State management
└── types/            # TypeScript definitions

Getting Started

Ready to see what smooth feels like? Here's how to get FLUX running:

Clone the project:

git clone <your-repository-url>
cd EcoMart/FLUX

Install dependencies:

npm install
# or if you prefer yarn
yarn install

Fire it up:

npm run start
# or
npx expo start

The Metro bundler will launch, and you can run the app on your simulator or physical device using the Expo Go app.

See It In Action

• Seamless Product Browsing -

• Real-time Search & sorting –

• Polished Loading States –

• Pagination -

• Video showcasing the features -
• unavailable due to the file size(too big)