React Native Full-stack Ecommerce: Expo

This is a fully functional e-commerce mobile application built with Expo. This project was created to gain familiarity with TanStack Query and Gluestack UI, along with other modern React Native tools.

Description

A simple yet powerful e-commerce application that allows users to:

• Browse a list of products.
• Add products to a shopping cart.
• Place orders.
• Create an account and log in.

This project demonstrates best practices for managing state with Zustand, handling API requests with TanStack Query, and building a consistent UI using Gluestack UI components.

Tech Stack

• React Native & Expo - Cross-platform mobile development.
• Expo Router - Navigation for the app.
• Gluestack - A powerful UI component library.
• TanStack Query - Data fetching, caching, and state management.
• Zustand - Lightweight state management.

Features

• View Products: Browse a catalog of products.
• Shopping Cart: Add or remove products to your cart.
• Place Orders: Seamlessly create and submit orders.
• User Authentication: Create an account and log in securely.

Screenshots

Signup & Login

Products

Product Details

Shopping Cart & Order Placed