Skip to content

D-shirts: A full-stack e-commerce platform showcasing tech-inspired T-shirt designs. Built with the VILT stack (Vue, Inertia, Laravel, Tailwind), featuring Stripe payments, Resend emails, and a dynamic admin dashboard. Open-source and perfect for learning or hosting your own version!

Notifications You must be signed in to change notification settings

Mohamed-Galdi/d-shirts

Repository files navigation

Welcome to D-shirts 🌟

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

🏠 Homepage:

Home Video

👨🏻‍💻 Admin Dashboard:

Admin Dashboard

🔐 Admin login credentials:

💻 Tech Stack

  • Backend: Laravel
  • Frontend: Vue + Inertia
  • Styling: Tailwind CSS
  • Components: PrimeVue
  • Payments: Stripe
  • Email: Resend

Developer’s Journey 🚀

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.

Installation: Build Your Own Store 🛠️

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

⚙️ Environment Secrets:

# 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_key

You can obtain these keys from your Stripe Dashboard and Resend account.

Open Source License 📜

D-shirts is open-source under the MIT License. Contributions and forks are always welcome. Let’s build and innovate together!

📭 Contact

If you have any questions or suggestions, please feel free to reach out to me contact.galdi@gmail.com

About

D-shirts: A full-stack e-commerce platform showcasing tech-inspired T-shirt designs. Built with the VILT stack (Vue, Inertia, Laravel, Tailwind), featuring Stripe payments, Resend emails, and a dynamic admin dashboard. Open-source and perfect for learning or hosting your own version!

Topics

Resources

Stars

Watchers

Forks

Contributors