My setup

I want to setup a Ubuntu VM to act as a web server for development.
Reason
I want to have a development environment as close to the actual production environment as possible.
Problem
The above setup failed. I keep getting a File Not Found when I navigate to http://project1.localhost:8888
What I tried
I did add www-data to the group vboxsf using
sudo adduser www-data vboxsf
before trying any of the below.
- As mentioned, I tried the above setup. File not found error on webpage.
- I tried the above setup but symlink from
/var/virtual/project1to/media/sf_WebApps/project1. File not found error on webpage. - I tried to chown the
/media/sf_WebAppsfromroot:vboxsftowww-data:vboxsf. Not possible. - I tried to chmod the
/media/sf_WebAppsto 755. Not possible. - I made a copy of
/media/sf_WebApps/project1and place the copy inside/var/virtual. This works, but this is not what I want. Why not? Because I want to easily use my host programs like github mac app and sublime text editor to make changes to the code base and see it reflected when I visit on browser.