🍽️ Teste-IO Restaurant Website

🌐 Live Website: https://teste-io-restaurent.vercel.app/

Teste-IO Restaurant is a fully responsive, modern restaurant web application built with React and Tailwind CSS.
The project focuses on user authentication, table reservation, dynamic menus, smooth animations, and an engaging user experience across all devices.

✨ Key Features

🔐 Authentication & Authorization

• Secure user registration using name, email, and password
• Email validation with proper email format and strong password rules
• Multiple login options:
  • Email & Password
  • Google Authentication
  • Facebook Authentication
• Conditional navbar items based on login status
• Sign In / Logout buttons shown conditionally

🧭 Responsive Navigation

• Fully responsive navigation bar for all screen sizes
• Mobile-friendly menu toggle (hamburger menu)
• Dynamic navigation links based on authentication state

👤 User Profile

• Dedicated user profile page after login
• Users can view all their reservation information in one place

🎞️ Banner & Animations

• Modern banner section using React Slick
• Smooth fade-in animations

🍴 Restaurant Menu System

• Six categorized menu sections:
  • Breakfast
  • Lunch
  • Dinner
  • Dessert
  • Wine Card
  • Drinks
• Each menu item includes:
  • Food image, Item name, Ingredients, Price
• Card-based modern UI design

👨‍🍳 Master Chef Section

• Showcases restaurant master chefs
• Elegant card-based layout with professional presentation

📅 Table Reservation System

• Customer table reservation feature
• Implemented using EmailJS
• Automatic confirmation email sent to customers after successful booking

⭐ Customer Reviews

• Modern testimonial slider using React Slick Carousel
• Smooth animations and visually appealing layout

📝 Blogs Section

• Restaurant blogs with:
  • Blog listing page
  • Detailed blog view for individual posts

📍 About & Contact Pages

• Informative About Us page
• Contact page integrated with Google Map
• Easy location discovery for customers

🦶 Footer Section

• Modern and responsive footer design
• Displays weekly opening and closing times
• Clean and professional layout

🛠️ Tools & Technologies Used

• React.js → Core frontend library used to build reusable UI components

• React Router DOM → Handles client-side routing and page navigation

• Firebase Authentication → Provides secure authentication (Email/Password, Google, Facebook)

• React Toastify → Displays success, error, and warning notifications

• EmailJS → Sends reservation and confirmation emails directly from the frontend

• React Slick → Creates responsive sliders for banner and reviews sections

• Framer Motion → Adds smooth animations and page transitions

• LocalStorage → Stores user session data to persist login state

• Google Map Integration → Displays restaurant location on the contact page

• CSS / Tailwind CSS → Used for responsive styling and modern UI design

• Netlify → Used for deployment and hosting

📱 Responsive Design

• Optimized for:
  • Mobile devices
  • Tablets
  • Desktops
• Consistent UI and smooth experience across all screen sizes

---