Flatiron Grille is a fine-dining restaurant located in Jackson, TN. We created this website to provide an online menu, ordering system, and general information about the restaurant. We used a relatively simple and modern style that fits with Flatiron's theme and created a clear and concise user interface.
The authors are Shrey Patel, Michael Crockett, and Christian Wilcox from Madison Academic Magnet Highschool. We are Big Men Doing Big Things, Making Big Money Moves (BMDBTMBMM).
- An online food and drink menu
- An online ordering system (cart)
- A gallery that presents highlights some of Flatiron's top dishes and gives the customer a feel for the asthetic of the restaurant.
- Mobile First: I periodically checked our site's responsiveness and made the necessary changes to ensure a "mobile first" approach where media queries alter the styles for larger screens.
- Troubleshooting: I spent much of my time fixing small bugs.
- Cart: My proudest accomplishment in this project was building the cart on the Order page. It was my first javascript poject, and while I'd still consider myself far from proficient, I'm excited to learn more.
- Communication: As an employee of Flatiron, I represented our team to our client and made sure the site met the owner's standards.
- I made both of the 2 column sections and the fixed background in the home page.
- I added the toast that makes the "Thank you for the message!" notification appear in the contact page. I also made it to where the input boxes reset after clicking the "Send Message" button.
- Our logo originally didn't blend in well to the navbar, and the red looked a bit faded so I changed the color of the logo a little bit to make it look better. I also made the logo our favicon.
- I added active classes to the navbar so it appears brighter depending on what page you are on.
- I added some of the pictures and captions that are featured in the gallery page.
- I fixed small things around the website that made it just a tad bit better.
- I designed (not created) majority of the home page.
- I designed, created, and ensured functionality of the carousel on the home page.
- I designed and created the footer with added logos and links to Flatiron's social media.
- I designed and helped create the layout of the food menu and added all of its content. I also added all content to the "Spirits" and "Cocktails" sections of the drink menu.
- I designed and created "Contact Us" page and added a contact form with a Google Maps iFrame displaying the location of Flatiron Grille.
- I designed, created, and gave general functionality to the gallery page (added "click to enlarge").
- Overall, I did much of the refining of the styling and appearance of the website.
The purpose of the online ordering page included in this website was to practice and showcase our skills. In practice, the online ordering page used by Flatiron will be created through an add-on to their Point of Sale system, Toast. Flatiron has already purchased this feature and simply needs help to set it up.
The mail-to functionality of the contact form would not be implemented in the final product. Instead, it would use php to send an email to a manager at Flatiron containing the data from the form. The user would not be required to manually send the email.