The Restaurant-Page is a web-based platform that provides information and features related to a fictional restaurant called the Galactic Cantina. The application allows users to explore various sections such as the home page, menu page, contact page, about us page, review page, and FAQ page.
- Features
- Website
- Technologies
- File Structure
- Getting Started
- Usage
- Credits
- Acknowledgements
- License
- Contact
The Restaurant-Page application provides the following features:
- A navigation bar that allows users to navigate between the various sections of the application.
- A home page that provides a brief introduction to the Galactic Cantina restaurant.
- A menu page that displays the various food items available at the Galactic Cantina restaurant.
- A contact page that allows users to contact the Galactic Cantina restaurant.
- An about us page that provides information about the Galactic Cantina restaurant.
- A review page that allows users to leave a review about the Galactic Cantina restaurant.
- A FAQ page that provides answers to frequently asked questions about the Galactic Cantina restaurant.
You can access the Restaurant-Page online at: https://shahir-47.github.io/Restaurant-Page/
The Restaurant-Page application was developed using the following technologies:
- HTML5
- CSS3
- JavaScript
- Webpack
- npm
- Git
The project files are organized as follows:
-
dist/: The "dist" directory contains contains the optimized and bundled version of the Restaurant-Page application. It includes minified and optimized JavaScript, CSS, and other assets ready for deployment. This folder is automatically generated by webpack during the build process, and it's where you can find the final version of the Restaurant-Page that is ready to be deployed to a production environment. -
src/: The "src" directory contains the source code material for the Galactic Cantina application. It serves as the central hub for all the code files that are essential for the functionality and behavior of the application. node -
node_modules/: An automatically created directory when dependencies using npm (Node Package Manager) or a similar package manager are installed. -
gitignore: This file tells git which files it should not track or maintain a version history for. It is used to prevent the "node_modules/" from being added to the project repository. -
package-lock.json: This file is automatically generated for any operations where npm modifies either the node_modules tree, or package.json. It describes the exact tree that was generated, such that subsequent installs are able to generate identical trees, regardless of intermediate dependency updates. -
package.json: This file is used to give information to npm that allows it to identify the project as well as handle the project's dependencies. -
webpack.config.js: This file is used to manage and configure the webpack bundler. It contains the configuration settings for the webpack bundler, which includes the entry point, output path, and loaders.
To run the Restaurant-Page application locally, you will need to clone the repository to your local machine.
Since the Restaurant-Page application was developed using npm and webpack, you will need to have both of these tools installed on your local machine.
- npm
npm install npm@latest -g
- webpack
npm install --save-dev webpack
- Clone the repository
git clone
- Install NPM packages
npm install
- Run the application
npm run start
- Open the application in your browser
http://localhost:8080/
The Restaurant-Page application can be used to explore the various sections of the Galactic Cantina restaurant. The application can be accessed online at: https://shahir-47.github.io/Restaurant-Page/
- Developed by Shahir Ahmed
- Source code available on GitHub
This project is licensed under the MIT License.
For any issues or further information, please refer to the source code repository or contact me at [ahmeds@dickinson.edu].