Sammly - T-Shirt Design Platform

Overview

Sammly is a comprehensive web application built using Vite and React for creating custom t-shirt designs, providing an intuitive platform for personalized apparel creation.

Installation

Prerequisites

• Node.js (Version 18+)
• npm or yarn

Steps

1. Clone the repository:

   git clone https://github.com/Node-React-Designer-Ecommerce/React-Designer-E-commerce.git
   cd react-designer-e-commerce

2. Install dependencies:

   npm install

3. Start development server:

   npm run dev

4. Build for production:

   npm run build

Deployment

Live Demo: Sammly Design Platform

Project Structure

• src/: Main application code
• public/: Static assets
• package.json: Project dependencies and scripts
• tailwind.config.js: Tailwind CSS configuration
• vite.config.js: Vite configuration

Frontend Technologies

• Framework: React (v18.3.1)
• Routing: React Router DOM
• State Management: React Query
• Design Tools:
  • Fabric.js
  • HTML2Canvas

Key Dependencies

• UI/UX:
  • Tailwind CSS
  • DaisyUI
  • React Icons
• Form Handling:
  • React Hook Form
• API Communication:
  • Axios
• Utilities:
  • React Toastify
  • JS Cookies

Key Features

• Custom T-Shirt Design Studio
• Interactive Design Interface
• Image Upload
• Text Customization
• Real-time Preview
• Shopping Cart
• User Authentication

Development Tools

• Build Tool: Vite
• Linting: ESLint
• Styling: Tailwind CSS

Environment Configuration

Create .env file with:

• VITE_API_URL
• VITE_AUTH_TOKEN

Performance Optimization

• Code splitting
• Lazy loading
• Efficient state management

Contributing

1. Fork the repository
2. Create feature branch
3. Commit changes
4. Push to branch
5. Create Pull Request

License

MIT License

Support

For issues or questions, please open a GitHub issue.