A modern restaurant website built with the latest Next.js 15, styled with Tailwind CSS, and enhanced with Swiper for smooth, responsive sliders and React Icons for appealing iconography.
- About the Project
- Features
- Tech Stack
- Getting Started
- Prerequisites
- Installation
- Usage
- Contributing
- License
Restaurant is a web application designed to showcase a restaurant's menu, services, and ambiance. Built with Next.js 15 for high performance and SEO optimization, the project leverages Tailwind CSS for design, Swiper for responsive sliders, and React Icons to make the user interface clean and interactive.
- Dynamic Menu Display: Easily showcase restaurant menu items and categories.
- Responsive Design: Fully responsive design to provide a seamless experience across devices.
- Swiper Integration: Engaging image sliders powered by Swiper for interactive and aesthetic displays.
- Smooth Animations: Elegant transitions and animations, enhancing the user experience.
- Iconography: Used React Icons for intuitive and appealing iconography.
- Framework: Next.js 15
- Styling: Tailwind CSS
- Icon Library: React Icons
- Slider: Swiper
- Package Manager: npm
To get a local copy of the project up and running, follow these simple steps.
Make sure you have the following tools installed:
- Node.js (v16 or higher)
- npm (v8 or higher)
- Clone the Repository
git clone https://github.com/ShohorabHShawon/restaurant.git- Navigate to the Project Directory
cd restaurant- Install Dependencies
npm install- Run the Development Server
npm run dev- Open http://localhost:3000 in your browser to see the application.
The project layout is designed for simplicity and ease of customization:
Pages: Modify or add new pages in the pages directory. Components: Reusable components are stored in the components folder for ease of maintenance and scalability. Styles: Global styles are managed in the styles directory, with Tailwind CSS for responsive styling. To customize Swiper components, refer to the Swiper documentation: Swiper.js Docs