This is the Laravel site for An Internet Presence which demonstrates web applications created by the site author. It is essentially a gallery of exhibitions. Projects that were inspired by online code schools will be noted.
An interactive map powered by the Google Maps JavaScript API. After a user agrees to share their location, it will center to that location. Click the map to create markers which show up in the list. Click a marker or the marker icon for the list item to center to the location and show an info window with Yelp reviews, Street View images, and Wikipedia article images for that area. Click the street icon to open a Street View at the marker. You can also show/hide markers and remove them individually or in bulk.
Code can be found at:
- vite.config.ts
- resources/js/Pages/SearchMyBackyard.js
- resources/js/search-my-backyard.ts
- resources/views/search-my-backyard.blade.php
- routes/web.php
and a few other places...
The code at resources/views/original-search-my-backyard.blade.php and related dependencies composed the application for the final project for JavaScript Design Patterns.
To deploy Search My Backyard, please use Yarn. Note that Yarn 2 is used.
It is strongly recommended to use the docker deployment for this site.
To deploy for a development environment, it is strongly recommend to run commands from the host machine. The Vite dev server is more directly accessible this way.
First, make sure you have a .crt and .key file for a self-signed cert on your host machine. If resources/js/config.js does not exist,
create it from resources/js/config.example.js. config.js will be specific to the deployed environment and ignored by git. Set keyPath and certPath to an absolute path on the host machine to the .key and
.crt files.
In config.js, set host to the hostname the site runs on.
Simply run yarn dev to start the dev server.
For production deployment, these commands should be ran inside the container.
For Yarn 2, the yarn workspaces focus --production --all command is the way to install only dependencies
and not devDependencies.
Run yarn build to build the production files.
Run the feature tests with php artisan test
Run the Dusk tests with php artisan dusk. You should run this in a graphical environment that has Google Chrome so that it will
run all the tests in the browser. If running in a command-line environment, quite a bit of preliminary setup is involved. You will see examples in the Dusk docs for setting up with TravisCI.
Running the Dusk tests in a CLI environment will require first running php artisan serve and setting APP_URL=http://localhost:8000
Also, the Docker Deployment repo which defines a Docker Compose setup for AIP's services is setup
to run Dusk tests in the demos_php Docker container, so take a look at that setup for an example.
- In Firefox, the Street View panorama may show a gray background when first loaded.
An HTML5 Canvas / JavaScript game created from a template and assets that were provided by Udacity. Use the left/right arrow keys to select a character from the list and the up/down arrow to choose the character. Once in the level, use the directional keys to move around and collect gems to score points. Hearts replenish health and points. Keep making it across the other side until you run out of life or points.
This is the final project for Object-Oriented JavaScript.
As always, please feel free to share feedback and suggestions. Some of the older projects will most likely not be expanded on, but if there is anything you would really like to see built out even more, just let me know and I will consider taking another look.