victorgarrido1 / joes-landing-page

A application for a burger shop. It showcases a homepage, a menu page, reviews and other novelties.

Joes Burger Shop 🍔

A website for a local burger shop, where you can subscribe to the business newsletter, see food menu choices, and read a small handful of user reviews. The website is designed to be lightly groovy with cooperation to make the site visually unique to view and create smiles as you browse around.

Features

• Newsletter subscription: Be able to subscribe to the company's newsletter letter to follow promotions and deals.
• About Us: Company history about its franchise and accessibility options for the user.
• Menu: A menu that displays an image of the menu item and description.

Screenshot of the application

Preview of the application

Technologies Used

• HTML 5
• CSS / TailwindCSS (for styling)
• Rapid API (to display menu items)
• Google Fonts
• Font Awesome
• SwiperJS
• Meta.AI (provided various images)
• Canva

Installation

1. Clone the repository: git clone [e-mail]:victorgarrido1/joes-landing-page.git
2. Navigate to the project directory: cd joes-landing-page

Usage

• Browse the menu and select your favorite burgers and other food selections.
• See reviews about the webpage.
• Explore the "About Us" page to learn more about the burger shop.
• Subscribe to the newsletter of the burger shop page and see colorful pictures on the page.

Future development

• Future idea, would be to implement the ability to have users be able to submit reviews to the page and add, edit and remove user generated posts.
• Make site wide improvements to be able to enhance browsing experience for the user and implement similar patterns for each page to reflect websites format.

Challenges

1. Significant takeaway from this project's early stages was the vast amount of growing images that the project is locally storing. I was considering using an external source to help store images in the application.

2. Creating "card-like presentation" for displaying menu items and user cards by dynamically using JavaScript is very interesting and helps to use/learn the power of objects in the development world.

3. Brainstorming idea of website layout and to continue to add more graphics and advanced design features using HTML/other resources. I used Canva to create some images for the application.

Acknowledgments

• Special thanks to iCodeThis Submissions for the inspiration to fledge this idea and work more on creating more creative direction for the project.

Questions/Feedback

If you have any questions, feel free to contact me at via email.

-- Part of the learning is to keep going in directions --