DiObral
DiObral is a premium e-commerce mobile app offering high-quality clothing with a focus on style, comfort, and global fashion trends. Designed for a seamless shopping experience, it features an elegant interface, secure checkout, and fast delivery, making it the perfect destination for fashion lovers who value quality and sophistication. Whether you're looking for everyday wear or exclusive designs, DiObral brings luxury fashion to your fingertips.
DiObral's backend is built with a robust tech stack including Node.js for scalable server-side operations, Express.js for efficient API routing, and JWT (JSON Web Tokens) for secure user authentication. MongoDB serves as the flexible NoSQL database, ensuring smooth data management for products, orders, and user profiles. The mobile app is developed with React Native, enabling a high-performance, cross-platform experience with a native feel, ensuring fast load times and a seamless shopping experience for both Android and iOS users.
Key Features
Cart Management
- Add products to cart with adjustable quantities.
- View cart summary with product name, price, quantity, and total price.
- Automatically clears the cart when the user logs out.
Homepage
- Clean and elegant layout optimized for Android.
- Sophisticated React Native Reanimated animations to bring content to life.
Order Management
- Displays order details including item count, order date, total amount, and order ID.
- Provides detailed view of individual orders and their respective items.
Product Details Component
- Displays comprehensive details of products including images, descriptions, and pricing.
- Includes functionality to add items to the cart with adjustable quantities.
Review System
- Users can submit reviews for products with rating and comments.
- Reviews are paginated in groups of four with a 'Load More' button to fetch additional reviews.
User Profile Management
- Allows users to view and update profile information including full name, email, and phone number.
Technical Implementation
Order Processing
- MongoDB tracks orders with references to users and products.
- Express calculates totals and updates inventory upon order confirmation.
Product Management
- MongoDB stores product details, including images, pricing, and stock status.
- Express API fetches and filters products efficiently for React Native frontend.
User Authentication
- JWT-based login with Express middleware for secure API access and session management.
- MongoDB stores encrypted passwords using bcrypt for enhanced security.
