🔥 A mock hot wing food truck site styled with Tailwind CSS
https://sure-fire-wings.onrender.com/
This project was inspired by Dave Gray's Tailwind CSS video tutorial but ultimately, I decided to take things in my own creative (and flavorful) direction. The goal of this project was to familiarize myself with Tailwind CSS's constraint-based utility classes.
- Minimal nav bar with anchor links to easily navigate the site + mobile nav menu
- Hero section with custom brand logo and a call to action menu button.
- Flavor profile and menu cards that respond to user interactions, making it fun and easy to explore the SFW menu.
- Responsive and mobile-friendly design to ensure a seamless user experience across devices.
- Light and dark themes (defaults to user's browser settings, does not currently toggle).
- Reviews section to showcase customer feedback and testimonials.
- Custom image gallery.
- Contact form to get in touch with questions, concerns, inquiries, and bookings.
- Custom site favicon.
Here are a few tips to get the most out of the SFW site:
- Use the nav bar to jump between site sections.
- Explore the flavor profile cards and delicious wings menu.
- Scroll through the reviews section to see what people are saying about SFW.
- Explore the image gallery to learn more about the Sure Fire Wings food truck and local events.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent