• 🎨 DecorateMyNest Frontend
  • 📑 Table of Contents
  • 🌟 Overview
    • ✨ Key Features
  • 💻 Tech Stack
    • Core Technologies
    • UI Components & Styling
    • Data Management
  • 🚀 Getting Started
    • Prerequisites
    • Installation
  • 🎯 Features
    • 👤 Client Features
    • 🎨 Employee Dashboard
    • ⚙️ Admin Controls
    • 🏭 Vendor Portal
  • 📱 Responsive Design
  • 🔐 Security
  • 🤝 Contributing
  • License

DecorateMyNest Frontend is a cutting-edge web application revolutionizing interior design project management. Built with modern technologies and best practices, it delivers a seamless, intuitive experience for both clients and designers.

• Elegant Dashboard: Beautiful, data-rich interface
• Real-time Updates: Live project status tracking
• Smart Appointments: Interactive scheduling system
• Portfolio Gallery: Stunning project showcases
• Mobile Responsive: Perfect on all devices

• React 18 - Modern UI development with hooks
• Vite - Next-generation frontend tooling
• TailwindCSS - Utility-first styling
• Redux Toolkit - State management
• TypeScript - Type safety

• React Router 6 - Seamless navigation
• React Bootstrap - Responsive components
• React Icons - Beautiful iconography
• SCSS Modules - Scoped styling
• Framer Motion - Smooth animations

• Axios - HTTP client
• React Hook Form - Form handling
• Yup - Schema validation

• Node.js 16+
• npm or yarn
• Git

1. Clone the Repository

   git clone https://github.com/MMALI3287/DecorateMyNestFrontend.git
   cd DecorateMyNestFrontend

2. Install Dependencies

   npm install
   # or with yarn
   yarn install

3. Configure Environment

   # Create and edit .env file
   cp .env.example .env

   Add the following configurations:

   VITE_API_URL=http://localhost:5000
   VITE_STRIPE_KEY=your_stripe_key

4. Start Development Server

   npm run dev
   # or with yarn
   yarn dev

• Appointment scheduling and tracking
• Project status monitoring
• Reservation management
• Installment payment processing
• Project reviews and feedback
• Payment history tracking

• Meeting schedule management
• Project progress tracking
• Client appointment handling
• Project timeline monitoring
• Project completion reporting
• Room allocation management

• Employee roster management
• Project assignment and tracking
• Reservation approval system
• Catalog management
• Payment verification
• Vendor registration

• Stock level monitoring and alerts
• Order creation and tracking
• Material transaction management
• Payment status tracking
• Inventory reporting
• Company profile management

Our application is fully responsive across:

• 💻 Desktop computers
• 💪 Tablets
• 📱 Mobile devices
• 🖥️ Large displays

• JWT Authentication
• Role-based access
• Input sanitization
• XSS protection
• CSRF prevention
• Secure data transmission

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project

2. Create your Feature Branch (git checkout -b feature/AmazingFeature)

3. Commit your Changes (git commit -m 'Add some AmazingFeature')

4. Push to the Branch (git push origin feature/AmazingFeature)

5. Open a Pull Request

Distributed under the MIT License. See LICENSE for more information.