Mixie Melts

A full stack web application for a wax melt business. The application allows customers to browse and purchase wax melts and subscription boxes online. The admin panel allows the business owner to manage products, orders, and customers. It also keeps track of inventory and sales data, and provides an interface for the kitchen staff to manage orders and production. See the code on GitHub:

Technologies Used

• Frontend: React, Node.js
• Backend: Go, Chi
• Database: PostgreSQL
• Containerization: Docker, Docker Compose
• Continuous Integration and Testing: Github CI
• Deployment: AWS EC2, Nginx
• Payment Processing: Stripe API, PayPal API
• Email Notifications: SendGrid API
• Authentication: JWT, bcrypt

Features

• User Authentication: Secure login and registration system for customers and admin users.
• Product Catalog: Browse and search for wax melts and subscription boxes.
• Shopping Cart: Add products to cart and proceed to checkout.
• Order Management: View order history and track order status.
• Admin Panel: Manage products, orders, and customers.
• Inventory Management: Track stock levels and receive alerts for low inventory.
• Kitchen Integration: Sends an alert to a monitor in the kitchen to let workers know when orders are placed and to help them keep track of the stages the order is on.

Mixie Melts is a full-stack web application for a Wax Melts business. It handles everything from a website frontend where customers can place orders to the management of orders from the kitchen the wax melts are made.

Front-End

The website front-end gives customers the ability to sign up, login, and manage their accounts. They can subscribe to monthly boxes, as well as buy individual melts in the store. The shopping cart is directly linked to the kitchen inventory, so you can only purchase up to the product on hand.

When you login as an admin account, you have access to the Admin panel. This allows you to monitor and update inventory, track orders by order number, and see the kitchen ticket screens.

Data-Driven

The frontend is data-driven by the databases in the back-end. The melts, boxes, ingredients, inventory, orders, etc are all stored in databases. The front-end uses React.js to transform that data into a website by populating the store, login, orders, etc.

Testing is done using Vitest, which uses Vite to simulate how all the HTML would be put together with the databases, and test changes against that. These tests are run as part of the PR process using Github’s CI.

Backend

The backend servers are done using Chi in go. Go is one of my favorite languages, so when I can do stuff in it (especially server stuff), I tend to pick go. The database is a typical postgre sql database, handled by the docker. If you were to deploy this to the cloud, you’d have to fix that. But there are usually pretty easy porting methods available.

Future Improvements

• Mobile App: Develop a mobile application for easier access on smartphones.
• Advanced Analytics: Implement more detailed sales and customer analytics.
• Customer Reviews: Allow customers to leave reviews and ratings for products.
• Loyalty Program: Introduce a rewards program for repeat customers.
• Multi-language Support: Add support for multiple languages to cater to a wider audience.
• Enhanced Security: Implement additional security measures such as two-factor authentication.
• Ability to blog through md files