This e-commerce website www.traitlets.shop is a platform for custom bracelet design. It leverages React.js for the frontend and Node.js for the backend, ensuring a seamless and responsive user experience.

• Technology: Utilizes Three.js for 3D modeling.
• Functionality: Allows clients to design their own custom bracelets.
  • Users can choose materials, colorus, and patterns.
  • Real-time 3D visualization of design choices.
  • Option to save and edit designs.
• User Interface: Intuitive controls integrated within the React.js frontend.

• Secure checkout system.
• Order tracking and history.
• Responsive design for mobile and desktop.

1. Clone the Repository

   git clone https://github.com/alexcholmsky/Traitlets.git
   

2. Install Dependencies

   • Frontend (React.js):

     cd client
     npm install
     

   • Backend (Node.js):

     cd api
     npm install
     

3. Environment Setup

   • Create a .env file in the backend directory.
   • Add necessary environment variables (e.g., database URI, API keys).

4. Running the Application

   • Frontend:

     npm run dev     
     

   • Backend:

     npm run dev     
     

• Access the website through the frontend URL.
• Use the 3D Design Tool on the homepage to start designing.
• Proceed to checkout for purchase.

For more information or support, please contact traitlets@gmail.com.