A sustainable fashion e-commerce platform built with React, TypeScript, Express, and Stripe integration.

• Browse sustainable fashion items
• Shopping cart functionality
• Secure checkout with Stripe
• Responsive design for all devices
• Real-time cart updates

• React 18
• TypeScript
• Vite
• Redux Toolkit
• Tailwind CSS
• Express.js
• Stripe API

• Node.js (v18 or higher)
• npm (v8 or higher)
• Stripe account for payment processing

1. Clone the repository:

git clone https://github.com/johnwroge/Cozy_Threads.git
cd Cozy_Threads

2. Install dependencies:

npm install

1. Navigate to the server directory:

cd server

2. Install server dependencies:

npm install

3. Create a .env file in the server directory:

STRIPE_SECRET_KEY=your_stripe_secret_key
STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key

1. Start the backend server (from the server directory):

npm start

2. In a new terminal, start the frontend development server (from the root directory):

npm run dev

The application will be available at http://localhost:5173

npm run test

To run tests in watch mode:

npm run test:watch

npm run build

The build output will be in the dist directory.

cd server
node server.js

The dist folder will be served by the Express server at http://localhost:4242/

STRIPE_SECRET_KEY=your_stripe_secret_key
STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key

1. Fork the repository
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

This project is licensed under the MIT License - see the LICENSE file for details.

Images were acquired from Pixabay and Pexels.

E-commerce app

• Product Catalog-Display of products
• Each product contains image, title, description, price
• Shopping Cart feature allows customers to add products to a shopping cart, and then view the items they've selected
• Checkout capability uses Stripe Payment Element to collect payment information and complete transaction
• After transaction is complete, we should be able to see the result to the customer.
• PDF of less than 700 word write-up containing architecture and design, key decisions including trade offs, and areas of improvement if given more time
• Host application through a cloud provider
• Zipped file, or link to source code