Cuikey is a modern, mobile-first Product Catalog app built with React Native and Expo. The app allows users to browse products in grid or list view, filter by categories, see product details, and add items to their cart. It’s designed to provide a smooth shopping experience with a clean and responsive UI, supporting dark mode for better user accessibility.
- Responsive Layout: Grid and list view toggle for products
- Category Filtering: Browse products by category (All, Produce, Dairy, Bakery, Meat)
- Product Details: Name, image, price, rating, and discount display
- Add to Cart: Quick add-to-cart button for each product
- Footer Navigation: Quick access to Home, Products, Cart, and Profile
- Frontend: React Native with Expo
- State Management: React
useState - UI Library: Tailwind-like styling with
tailwind-rn - Icons:
@expo/vector-icons(Material Icons) - Images: Remote product images (placeholder for now)
| Home | Product Screen | Order Screen | Account Screen |
|---|---|---|---|
 |
 |
 |
 |
| Product Details | Notification Screen | Cart Screen | Payment Screen |
|---|---|---|---|
 |
 |
 |
 |
| Payment Succesfull | Product List Screen | Track Order |
|---|---|---|
 |
 |
 |
- Clone the repository
git clone https://github.com/sk2105/cuikeygit
cd cuikey- Install dependencies
npm install
# or
yarn install- Start Expo
npx expo start- Run on your device or simulator
-
Scan the QR code with Expo Go on your iOS/Android device
-
Or run on simulator:
- iOS: Press
iin the terminal - Android: Press
ain the terminal
- iOS: Press