A full-stack ice cream shop application for building custom gelato creations, managing a cart, and placing orders.
- Build Your Gelato: Choose cone or cup, up to 3 flavors, and toppings
- Cart Management: Add, update, and remove creations from the cart
- Checkout Flow: Collect order details and submit to the API
- Responsive UI: Polished, mobile-friendly layout with a gelato-themed design
- .NET 8 ASP.NET Core Web API
- Entity Framework Core (In-Memory)
- RESTful API architecture
- React 18 with TypeScript
- Vite for fast development
- Tailwind CSS with custom gelato theme
- React Context API for state management
- .NET 8 SDK
- Node.js 18+
- PowerShell (Windows) or Bash (Linux/Mac)
cd c:\Users\RandyPagels\Repos\GinosGelato# Navigate to API folder
cd ginos-gelato\server
# Run the API (default port: 5000)
dotnet runThe API will be available at: http://localhost:5000
Swagger UI will be available at: http://localhost:5000/swagger
Open a new terminal and run:
# Navigate to client folder
cd c:\Users\RandyPagels\Repos\GinosGelato\ginos-gelato\client
# Install dependencies
npm install
# Start the development server
npm run devThe frontend will be available at: http://localhost:5173
- Build a Gelato:
- Choose a container (cone or cup)
- Select up to three flavors
- Add toppings
- Add the creation to your cart
- Manage Your Cart:
- Review items in the cart
- Update quantities or remove items
- Checkout:
- Enter order details
- Submit your order
GET /api/flavors- Get all flavors
GET /api/toppings- Get all toppings
POST /api/orders- Create a new order
ginos-gelato/
client/ # React + Vite frontend
server/ # .NET 8 Web API backend
This project is for demonstration purposes.
This is a prototype application. Feel free to fork and extend!
Built with ❤️ for gelato lovers