/EatNFun

Website for a restaurant to be decorated

Primary LanguageCSS

EatNFun

Welcome to EatNFun, the ultimate destination for board game enthusiasts who love boba tea and small bites! Our website offers a vibrant space for gamers to indulge in fun activities while enjoying delicious refreshments.

Project Overview

EatNFun is designed to showcase our café's offerings, host board games, and provide an engaging user experience.

Some Requests from the developers

  1. Need a good UI/UX 🖌️
  2. Need a menu 🍲
  3. Some games and fun 🎲
  4. Asthetics 😎

Project Goals

  • User-Friendly Design: Create an approachable UI/UX.
  • Events Calendar: Display upcoming events and activities.
  • Interactive 3D Menu: Use Three.js or A-Frame for a unique experience.
  • Mobile Responsiveness: Ensure a seamless experience across devices.
  • Brand Essence: Effectively reflect the brand’s identity and offerings.

Technologies Used

  • Frontend: HTML, CSS, JavaScript
  • Animation: GSAP (GreenSock Animation Platform)
  • 3D Graphics: Three.js
  • Version Control: Git, GitHub

Features Implemented

  • Navigation Bar: Responsive design with dropdown menus and GSAP animations.
  • Home Page: Dynamic landing page highlighting our offerings.
  • Events Calendar: Integrated JavaScript calendar for user engagement.
  • Cafeteria Menu: Visually appealing menu using CSS grid and animations.
  • Interactive 3D Menu: Explore menu items in a virtual environment using Three.js.
  • Contact Page: Details about key personnel and contact options.

Challenges Faced

  • Integrating complex animations with smooth transitions.
  • Optimizing Three.js for performance on various devices.
  • Ensuring cross-browser and device compatibility.

Future Enhancements

  • Real-time updates for the events calendar.
  • Enhanced accessibility and SEO optimization.
  • Expanded 3D menu with more interactive elements.

Running the Project

  1. Clone the project.
  2. Open index.html.

Conclusion

The EatNFun project is a collaborative effort to create an engaging and functional website for our board game café, utilizing modern web technologies for a vibrant user experience.