DR-YP is a modern, mobile-first e-commerce application designed for fashion. It provides a seamless shopping experience for users and a powerful management platform for vendors.
- 🔐 Authentication: Secure user registration and login.
- 🎨 Personalization: Onboarding process to capture user style preferences (favorite colors, brands, styles).
- 🛍️ Product Discovery: Browse and search for products with filters for brand, category, and price.
- ❤️ Wishlist: Save favorite items for later.
- 🛒 Shopping Cart: Add products to a cart for purchase.
- 👤 Profile Management: View and manage personal information.
- 📦 Product Management: Create, update, and delete products.
- 🔍 Search & Filter: Easily find and manage products through a searchable interface.
- 🏪 Store Profile: Manage store details, including name, description, and contact information.
| Category | Technologies |
|---|---|
| Frontend | React Native, Expo, Zustand, NativeWind |
| Backend | Node.js, Express.js |
| Database | MongoDB (with Mongoose) |
| API Layer | REST API |
| Auth | JWT (JSON Web Tokens) |
The project is a monorepo containing three main directories:
./frontend/: The React Native/Expo mobile application for customers and vendors../backend/: The Node.js/Express.js server that provides the REST API../website/: A Next.js-based marketing and landing page for the project.
- Node.js (v18 or later recommended)
- npm
- MongoDB instance (local or cloud-based like MongoDB Atlas)
- Expo Go app on your mobile device for testing.
You will need to create a .env file in both the frontend and backend directories.
Backend .env file (/backend/.env):
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_super_secret_jwt_keyNote on MongoDB Atlas: If you are using MongoDB Atlas, make sure to whitelist your IP address to allow connections from your machine.
Frontend .env file (/frontend/.env):
EXPO_PUBLIC_API_BASE_URL=http://<your_local_ip_address>:5000
Do not use
localhostif you are running the app on your mobile device via Expo Go.
- Navigate to the backend directory:
cd backend - Install dependencies:
npm install - Start the server:
npm start(The server will run onhttp://localhost:5000)
- Navigate to the frontend directory:
cd frontend - Install dependencies:
npm install - Start the Metro bundler:
npx expo start - Scan the QR code with the Expo Go app on your iOS or Android device.
- Navigate to the website directory:
cd website - Install dependencies:
npm install - Start the development server:
npm run dev(The website will be available athttp://localhost:3000)
Here are some features and improvements planned for the future:
- Checkout & Payment: Full implementation of the checkout process.
- Order History: A dedicated screen for users to view their past orders.
- Admin Dashboard: A web-based interface for administrators to manage users, vendors, and products.
- Push Notifications: For order status updates and promotional messages.
- Advanced Product Recommendations: A more sophisticated recommendation engine.
This project is under active development. New features and improvements are being added regularly.