This project is for the responsive design for thenewboston website. A preview of the site can be seen here:
http://104.131.1.2/content/account/index.php
First, we need to install and configure XAMPP so that we have a local environment for development.
Download and install XAMPP from the official XAMPP website.
- XAMPP is installed using a simple wizard
- Keep all of the default settings during installation
After XAMPP is installed, open the file C:\xampp\apache\conf\extra\httpd-vhosts.conf
Add the following code snippet to the bottom.
- This tells XAMPP that when we go to tnb-res.com in our browser, take us to this folder
## Custom configuration
NameVirtualHost *:80
<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs"
ServerName localhost
</VirtualHost>
<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs/thenewboston-Responsive-Design"
ServerName tnb-res.com
</VirtualHost>
We will now edit Windows host file so that our computer can recognize our new domain name.
Open the file C:\Windows\System32\drivers\etc\hosts
Add the following code snippet to the bottom and save the file.
127.0.0.1 localhost
127.0.0.1 tnb-res.com
If you are not able to save the file in that folder due to permission settings, first save the file to your Desktop.
- Make sure that the file type selected is
All types (".")
Once saved, drag and replace the file using Windows explorer.
You can now download the source code for the website so that you will have a copy for development.
Download GitHub for Windows.
- GitHub for Windows allows you to easily download and manage your GitHub repositories from your own computer.
On the top right of this page click "Fork".
- This will create a copy of the project to your GitHub account.
Open GitHub for Windows and sign in to your GitHub account. Then click the plus button and you will be able to clone the repository for the project.
- This will download the project to your computer
Make sure to clone the project into your C:\xampp\htdocs\
directory
Once all files have been downloaded, open up XAMPP and start Apache and MySQL.
- When Apache and MySQL are running, your computer will act as a web server and you can host websites locally.
Setup is now complete! You can visit the site by going to: http://tnb-res.com/responsive/content/account/index.php