Prime Burger is a responsive website developed for a burger shop, providing an intuitive and fast experience for customers to explore the menu, place delivery orders, and learn more about the brand. The project was created with a focus on efficiency and usability, aiming to offer a dynamic and engaging interface.

Link to the site

• Next.js - React framework for fast and optimized development
• React.js - Library for building interactive interfaces
• HTML5 - Markup language for structuring web content
• CSS3 - Styling language for creating visual layouts and designs
• CSS Modules - Modular and organized styling
• AOS (Animate on Scroll) - Scroll animations
• Git & GitHub - Version control and code hosting

• Menu Navigation Button: Takes the user to the menu page, where all burger and drink options are available for order.
• Photo Gallery: Displays a gallery of burgers, which transforms into a carousel on mobile devices for an optimized experience.
• Feature Cards: Highlights three unique characteristics of the burgers in featured cards.
• Footer: Provides additional information and navigation to other pages of the site.

• Price Display and Quantity Selection: The user can view each item's price and select the desired quantity.
• Order Summary: After selecting at least one burger, the site displays a complete order summary, ready for confirmation.
• Order Form: Collects essential information like name and address, ensuring a personalized delivery experience.
• Order Confirmation: A final message confirms that the order has been successfully placed.

• Brand Information: A simple page with details about Prime Burger's history and values.

To run the project locally, follow these steps:

1. Clone this repository:

  git clone https://github.com/your-username/prime-burger.git

2. Access the project directory:

  cd prime-burger

3. Install dependencies:

  npm install

4. Run the project:

  npm run dev

5. Open http://localhost:3000 to view the site in action.

Developing Prime Burger was a valuable experience, where I had the opportunity to:

• Improve responsive design techniques, creating an interface that elegantly adapts content for mobile devices.
• Implement a dynamic item selection and order summary system, enhancing my skills in state management and interactivity.
• Overcome performance and optimization challenges with Next.js, ensuring that the site is fast and efficient.

This project is distributed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license.

• You can: Download, study, and share the project as long as you provide proper attribution.
• You cannot: Alter, modify, redistribute, or use the project for commercial purposes, including for courses or other commercial ventures.