RENART - Luxury Jewelry E-commerce Platform

Overview

RENART is a comprehensive luxury jewelry e-commerce platform consisting of three interconnected applications that provide a complete solution for online jewelry retail. The platform combines modern web technologies with elegant design to deliver an exceptional user experience for both customers and vendors.

Project Architecture

This repository serves as an umbrella project containing three core components:

🛍️ Online Store (online-store/)

• Repository: renart-online-store
• Live Demo: https://renart-online-store.vercel.app/
• Technology: Next.js 14, TypeScript, Tailwind CSS
• Purpose: Customer-facing e-commerce application
• Features:
  • Product catalog with advanced filtering
  • Interactive product galleries with zoom and carousel
  • User authentication and favorites system
  • Responsive design with luxury aesthetics
  • Shopping cart and checkout flow
  • Modern animations and transitions

🖥️ Backend API (backend/)

• Repository: RENART-Backend
• Technology: Node.js, Express, MongoDB
• Purpose: RESTful API serving both frontend applications
• Status: ⚠️ Requires deployment and configuration
• Features:
  • Product management and inventory
  • User authentication and authorization
  • Order processing and tracking
  • Vendor management system
  • Secure API endpoints with validation
  • Database optimization and indexing

📊 Vendor Panel (vendor-panel/)

• Repository: renart-vendor-panel
• Technology: React, TypeScript, Material-UI
• Purpose: Vendor dashboard for product and order management
• Status: ⚠️ Requires deployment and backend integration
• Features:
  • Product catalog management
  • Order tracking and fulfillment
  • Analytics and reporting
  • Inventory management
  • Vendor profile management

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (v18 or higher)
• npm or yarn
• MongoDB (local or cloud instance)
• Git

Clone the Repository

# Clone the umbrella repository with all submodules
git clone --recursive https://github.com/bedirhantong/RENART-Full-Project.git

# Or if already cloned, initialize submodules
git submodule update --init --recursive

Setup Instructions

1. Backend Setup ⚠️ Requires Additional Configuration

   cd backend
   npm install
   cp .env.example .env
   # Configure your environment variables
   npm run dev

   Required Environment Variables:

   • MONGODB_URI - MongoDB connection string
   • JWT_SECRET - JWT signing secret
   • PORT - Server port (default: 3001)
   • CORS_ORIGIN - Frontend URL for CORS
   • CLOUDINARY_* - Image upload configuration

   Next Steps for Production:

   • Deploy to Railway, Heroku, or DigitalOcean
   • Set up MongoDB Atlas database
   • Configure Cloudinary for image uploads
   • Update frontend environment variables with backend URL

2. Online Store Setup ✅ Currently Deployed

   cd online-store
   npm install
   cp .env.local.example .env.local
   # Configure your environment variables
   npm run dev

   Live Version: https://renart-online-store.vercel.app/

   Note: Currently using mock data. To connect to backend:

   • Update NEXT_PUBLIC_API_URL in environment variables
   • Ensure backend is deployed and accessible

3. Vendor Panel Setup ⚠️ Requires Backend Integration

   cd vendor-panel
   npm install
   cp .env.example .env
   # Configure your environment variables
   npm start

   Required Environment Variables:

   • REACT_APP_API_URL - Backend API URL
   • REACT_APP_CLOUDINARY_* - Image upload configuration

   Next Steps for Production:

   • Deploy to Vercel, Netlify, or similar
   • Ensure backend API is deployed and accessible
   • Configure authentication flow with backend
   • Set up vendor registration and management system

Technology Stack

Frontend Technologies

• Next.js 14 - React framework with SSR/SSG capabilities
• TypeScript - Type-safe JavaScript development
• Tailwind CSS - Utility-first CSS framework
• React Query - Data fetching and caching
• Framer Motion - Animation library

Backend Technologies

• Node.js - JavaScript runtime
• Express.js - Web application framework
• MongoDB - NoSQL database
• JWT - Authentication and authorization
• Multer - File upload handling

DevOps & Tools

• ESLint - Code linting
• Prettier - Code formatting
• Husky - Git hooks
• Docker - Containerization (optional)

Key Features

🎨 Modern Design

• Luxury jewelry store aesthetics
• Responsive design across all devices
• Smooth animations and micro-interactions
• Professional color scheme and typography

🔐 Security

• JWT-based authentication
• Input validation and sanitization
• Secure API endpoints
• Environment-based configuration

📱 User Experience

• Intuitive navigation and search
• Advanced product filtering
• Interactive product galleries
• Seamless checkout process

🛠️ Developer Experience

• TypeScript for type safety
• Modular architecture
• Comprehensive error handling
• Easy local development setup

Current Status

• Online Store: ✅ Deployed on Vercel - https://renart-online-store.vercel.app/
• Backend API: ⚠️ Not deployed - Required for full functionality
• Vendor Panel: ⚠️ Not deployed - Depends on backend deployment

Screenshots

Store Home	Products	Favorites	Dashboard

Add Product	Store Settings	Database	Home Featured

Support

For questions or issues:

• Check the individual repository documentation
• Review the API documentation
• Contact the development team

License

This project is proprietary software developed for RENART luxury jewelry platform.

---

Built by the Bedirhan Tong