The Wavy Game

The Wavy Game is a site I created to sell tea towels for charity. The project was built using Laravel, Tailwind, and Vue.

Motivation

I wanted to create an ecommerce site that would allow me to sell tea towels for charity. The goal was to get experience building an ecommerce site using Laravel and Vue, and interact with a payment system like Stripe to process payments.

Features

• Pay what you want: Users can choose how much they want to pay for the tea towels, with a minimum price set.
• Charity donations: All proceeds from the sales of the tea towels go to charity
• Stripe integration: The site uses Stripe to process payments, allowing users to pay securely using their credit or debit card.
• Admin panel: The site has an admin panel that allows me to manage orders, view sales data, and update the site content.

Technical Details

Backend

The backend of The Wavy Game is built using Laravel, a popular PHP framework. Laravel provides a robust foundation for building web applications, with features like routing, middleware, and Eloquent ORM for database interactions. The application uses MySQL as the database to store order information

Frontend

The frontend is built using Tailwind CSS for styling and Vue for dynamic, reactive components. This combination allows for a smooth user experience, using Laravel Inertia to seamlessly integrate the frontend and backend, keeping the application lightweight and fast.

Deployment

The Wavy Game is deployed using Docker, which allows for easy scaling and management of the application. The deployment process is automated using GitHub Actions, ensuring that the latest version of the site is always live and accessible to users.