FullstackJS Restaurant Page is a responsive web application designed to showcase a restaurant's menu, details, and services. Built using modern web development tools such as Webpack, CSS, and JavaScript, this project allows users to interact with a restaurant's features in a user-friendly interface.
- Check out the live demo of the restaurant page at: http://localhost:8080
- Node.js (v14+)
- Webpack (configured in this project)
- Clone the repository:
git clone <repository-url>
cd fullstackjs-restaurant-page- Install dependencies:
npm install- Run the Development Server:
npm start- Build for Production:
npm run buildfullstackjs-restaurant-page/
├── src/ # Source code
│ ├── assets/ # Images and assets
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page components
│ ├── styles/ # CSS styles
│ ├── app.js # Main app file
├── package.json # Project dependencies
├── webpack.config.js # Webpack configuration file
└── README.md # Project documentation
- JavaScript (ES6)
- Webpack - Module bundler
- CSS (with custom styles)
- Webpack - Bundles JavaScript files and CSS for the web.
- npm - Node package manager for managing dependencies.
- Responsive Design: Fully responsive pages suitable for mobile and desktop views.
- Restaurant Menu: Display items and their details.
- Interactive UI: Menu items are clickable, and details are dynamically displayed.
- Styling: Fully styled with CSS for a modern and clean look.
- Install dependencies:
npm install- Start the development server:
npm start- Build for production:
npm run build- Test the pages in the browser:
- Open
http://localhost:8080for local testing.
This project is licensed under the MIT License - see the LICENSE file for details.