This project is for getting a business ready website for ITC Hotels team. So, let's get started. It will be a very good practice. So, let's begin!
ITC Hotels is India's fifth largest hotel chain with over 100 hotels based out of Gurugram, Haryana. It is a part of the ITC Limited group of companies. ITC Hotels is regularly voted amongst the best employers in Asia in the hospitality sector. Wikipedia
- Owner: ITC Limited
- Founded: 1975
- Headquarters: Gurugram, India
- Number of locations: 70+
- Parent organization: ITC Limited
- Subsidiary: Sheraton New Delhi Hotel
- NodeJS
- Bootstrap
- MongoDB
- ReactJS
- Express
-
Use MongoDB for vaccancies & bookings data and display them in the website (refer to Presentation).
-
Add a welcome banner in index.html (refer to PPT)
To work on Github hosted projects, one has to use Git - a Version Control System. So the first task is to install git on your machine. For Windows users, download git from here - https://git-scm.com/downloads. For Linux users, you can use your distro's package manager to install git.
Note: Although Linux isn't mandatory, it is preferred while working with Open Source Software.
Note: You can learn about Version Control Systems (VCS) here.
After installing git, run git and execute these commands:
git config --global user.name "[name]"
git config --global user.email "[email address]"
That should complete the software setup.
Before you can edit any file on the repo, you must fork and clone it. A fork is a copy of the repository in your account. To clone a repo means to download it locally. Click the Fork button on the top right of this repo to fork it. Next, go to your copy of the repo and click the Clone button. Copy the url. Now open git and execute this command:
git clone [copied url here]
That should download the repo locally.
A branch is a parallel copy of the code. When we add new features to a project, we usually create a copy of the code and work on it. This is done so that the main working copy of the code is unaffected. In most GitHub repos, the master branch is the default branch. You should create a separate branch for every contribution you make. To create a new branch, execute this command:
git checkout -b [branch name here]
You should see the branch name change on the terminal prompt. Congratulations! You created a new branch.
To create a commit means to save your work. But before you commit, you have to add your work to the commit. To do so, execute this command from the project root:
git add *
This adds all files to the upcoming commit. Now, to create the commit run this command:
git commit -m "[commit message here]"
Write any message in place of the commit message. If the command runs successfully, you should have committed your changes.
After committing your changes, you have to upload them to GitHub. This is known as pushing. To push your changes, run:
git push origin [branch name]
Where branch name is the name of your newly created branch. This should upload your changes to your GitHub account. Now, you can propose these changes to the actual project. To do so, click on the Pull Request button on GitHub. Most of the fields should be automatically filled out for you. Click Create Pull Request. If everything went correctly, you should have created a pull request with your changes. Now it is upto the repo owner to merge these changes.
Congratulations! You made your first Open Source Contribution! Now contribute to some other repos. Have a great time!
You can learn more about Git and GitHub here:
- https://www.youtube.com/watch?v=w3jLJU7DT5E
- https://codeburst.io/a-step-by-step-guide-to-making-your-first-github-contribution-5302260a2940
- Download & set-up nodejs first from here: https://nodejs.org/en/
- Download & set-up MongoDB from here: https://www.mongodb.com/try/download/community
- Install NodeJS without any changing configurations. Open VS Code, run terminal and run the commands:
$ npm install bootstrap
Alternatively, if you’re not using Bundler, you can install the gem by running this command:
$ gem install bootstrap -v 5.1.3
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
Now let's install mongoose
First be sure you have MongoDB and Node.js installed.
Next install Mongoose from the command line using npm:
$ npm install mongoose --save
Assuming you’ve already installed Node.js, create a directory to hold your application, and make that your working directory.
$ mkdir myapp
$ cd myapp
Use the npm init command to create a package.json file for your application. For more information on how package.json works, see Specifics of npm’s package.json handling.
$ npm init
This command prompts you for a number of things, such as the name and version of your application. For now, you can simply hit RETURN to accept the defaults for most of them, with the following exception:
entry point: (index.js)
Enter app.js, or whatever you want the name of the main file to be. If you want it to be index.js, hit RETURN to accept the suggested default file name.
Now install Express in the myapp directory and save it in the dependencies list. For example:
$ npm install express --save
To install Express temporarily and not add it to the dependencies list:
$ npm install express --no-save
By default with version npm 5.0+ npm install adds the module to the dependencies list in the package.json file; with earlier versions of npm, you must specify the --save option explicitly. Then, afterwards, running npm install in the app directory will automatically install modules in the dependencies list.
Empty
Empty
MIT