A full-stack e-commerce platform showcasing tech-inspired t-shirt designs, built as a developer portfolio project.
🌐 It's live at https://d-shirts.galdi.dev
- url: https://d-shirts.galdi.dev/secret-login-url
- email: guest-admin@guest-admin.com
- password: 00000000
- Backend: Laravel
- Frontend: Vue + Inertia
- Styling: Tailwind CSS
- Components: PrimeVue
- Payments: Stripe
- Email: Resend
This project was a learning adventure where I:
-
Used Inertia.js for the first time to bridge Laravel and Vue.
-
Mastered Stripe integration for secure payments.
-
Delved into email services with Resend.
-
Explored Laravel queue jobs for background task handling.
-
Strengthened my grasp on Laravel authorization.
-
Leveraged Laravel sessions to implement a user-friendly cart system, enabling seamless shopping experiences for customers without requiring account creation.
Prerequisites
- PHP 8.1+
- Composer
- Node.js
- NPM
- MySQL
Installation Steps
# Clone Cosmic Repo
git clone https://github.com/Mohamed-Galdi/D-Shirts
cd d-shirts
# Dependencies Warp Speed
composer install && npm install
# Configuration Sequence
cp .env.example .env
php artisan key:generate
php artisan migrate:fresh --seed
php artisan storage:link
# Start Development Server
npm run dev
php artisan serve
# Open http://localhost:8000
# later you may need to run the queue worker
php artisan queue:work# Stripe Coordinates
STRIPE_KEY=pk_test_your_magic_key
STRIPE_SECRET=sk_test_your_secret_passage
# Resend Communication Channel
RESEND_API_KEY=your_email_gateway_keyYou can obtain these keys from your Stripe Dashboard and Resend account.
D-shirts is open-source under the MIT License. Contributions and forks are always welcome. Let’s build and innovate together!
If you have any questions or suggestions, please feel free to reach out to me contact.galdi@gmail.com

