> For the complete documentation index, see [llms.txt](https://vu-d.gitbook.io/journey/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vu-d.gitbook.io/journey/web-development/uclax-coding-boot-camp-projects.md).

# UCLAx Coding Boot Camp Projects

All the projects I have done in the boot camp

![](https://media.giphy.com/media/zOvBKUUEERdNm/giphy.gif)

I started to study in UCLAx Coding Boot Camp in August 2018. I realized the process of problem solving, logically thinking, creative thinking, designing and playing with color is a huge interest of mine. In all of these projects, I (We) had to build everything from scratch. The instructions are in markdown format that describe the core features of the product. The requirement for these projects is mainly making everything run smoothly, but I spent extra hours to invest in the colors, shapes and user experience. The deliverable is not up to a perfect level, and there's room for improvements for sure. However, due to my tight schedule, I stopped myself at some points and moved to a new project.

## Hang Man 80's Style

![Hang Man 80's Style](https://lh3.googleusercontent.com/uKg_vMHOon5gg6yE4nX-Cj91f08c2AenSQdGSmLqMsjbbDInsftA9FF5fhlf4j4MYZ6UIwQOOW7XFWl1X1RXSvYG7Zjyrmq9hU6duLka5MGHuGUpzOCLKKN803or2-Y1aYA-gLcG2w=w400)

[Index](https://vuduong191.github.io/Word-Guess-Game/) | [Github Repo](https://github.com/vuduong191/Word-Guess-Game)

This is the homework for week 3, when we started to learn Java Script to make websites interactive.

## Jquery Calculator

![Jquery Calculator](https://lh3.googleusercontent.com/FZqtHP4DSDcvXb1RYEAzwSAdF95Q45KG6Dfir2jq-U5FCVwJ5Q45klQ8BhOIEz3ICIgRApSZz_IDgX5i1gALuytcnwCRWWpvdURzBV-SUBNiszP4vehg72f1u0tbt4jw1jX7FkbNJA=w400)

[Index](https://vuduong191.github.io/jQueryCalculator/) | [Github Repo](https://github.com/vuduong191/jQueryCalculator)

This is a group project, where we got ourselves familiar with colaborating with others through github. At first, a calculator looked simple and trivial, but later we were supprised by all the nuances. I actually enjoyed the problem solving process that goes with this project, where we had to plan for different scenarios and combinations of user input, and thought creatively to tackle those.

## Star War RPG

![Star War RPG](https://lh3.googleusercontent.com/F4RhtkdzoRw1jBlQPTlvS9-UHHg70S2AGQuq_BpIjMhlrb-RG8Hz4E-SDSrr_S1DIvlKrI6r6CU59v8D51t3g75X6IDZFgIcU0SUro-sMXnUuiBErmD6dNJSHwaPcxbtI8Ddh1AgYg=w400)

[Index](https://vuduong191.github.io/unit-4-game/) | [Github Repo](https://github.com/vuduong191/unit-4-game)

This is a homework for week 4, when we learned about Jquery, and dynamically created objects.

## Pinky Trivia

![Pinky Trivia](https://lh3.googleusercontent.com/SGqF8y34s_8w0Uza3QNXIOhXEOpJwpFfncDOk_IjT5yrDWoxwLTHV5Gob9N2Zjn7IKhgGG3WrZjceXbAYYe7zEjeFgL3w9c93M74YmOrShbJRbm4Xr92LREZOhI8KH6KM7I_AqBPuQ=w400)

[Index](https://vuduong191.github.io/TriviaGame/) | [Github Repo](https://github.com/vuduong191/TriviaGame)

This is a homework for week 5, when we learned timers in Javascript. The two key methods are setTimeout(function, milliseconds) to execute a function, after waiting a specified number of milliseconds, and setInterval(function, milliseconds), the same as setTimeout(), but repeats the execution of the function continuously.

## New York Time Search

![New York Time Search](https://lh3.googleusercontent.com/aArJ0T9bg-jAcKf0ybLohjq39BCpyCAggNE7YOn3W1PDsUz3bBCn4IX3ProAxs7QNfclmZhtxo_RCibowYQsKLgadE3VzgdpBLeyObrOh2SBtbsawX8kt927yarJ7xZ_SN1AendKIw=w400)

[Index](https://vuduong191.github.io/NYTSearch/) | [Github Repo](https://github.com/vuduong191/NYTSearch)

This is a group project, where we got to know the tremendous possibility of API. In this project, we use New York Time Search API to display articles that contain a keyword together with other filters.

## Your Favorite Gifs

![Your Favorite Gifs](https://lh3.googleusercontent.com/soDC6nZywgdQ1u5HV6Rn8rIMq9I9jlvGw9rzBoTmGJ3WXkuuT8_QAVDVww971q-DEwi1wlHkzkSiL2WSPsl81MNYYKIIuNfm_PszE7N6Xk1D_oxT932Q1YhERPBG1GaOXTohUEV2VQ=w400)

[Index](https://vuduong191.github.io/yourfavoritegifs/) | [Github Repo](https://github.com/vuduong191/yourfavoritegifs)

This is a homework for week 6, when we learned local storage, which is built into a web browser to store data of the user. The data will persist on the local computer as long as you don’t clear the cache. In this project, I use Giphy API to display gifs that relate to an emotion. Users can save their favorite gifs for later references.

## RPS Multiplayer

![RPS Multiplayer](https://lh3.googleusercontent.com/imtwzsWJJzt8Hd4-n0pPxNhu1KKDGioSgqvCjJmTcSHlWTSYd3fWJV5BVbiQcaxWrehHc2rcoR2RFd5BKXNx64ralnyti_CKiXVUh5p2D9YLxeGt_cDCwKKl2dt9dlnwwIWlqdPytQ=w400)

[Index](https://vuduong191.github.io/RPS-Multiplayer/) | [Github Repo](https://github.com/vuduong191/RPS-Multiplayer)

This is a homework for week 7, when we learned about Firebase Realtime Database. The Firebase Realtime Database is a cloud-hosted database. Data is stored as JSON and synchronized in real time to every connected client. This is fascinating, because it's a big step toward building a real app, with which users can save their data for later use.

## Liri Node Apps

![Liri Node Apps](https://lh3.googleusercontent.com/VWiOlSuC5SLEP3amNBASxitjFFo5gEopSW0W0d-2JVHjJ_tvx3_sVNsZfpVOdv7NIb3C7IaZLY2peUKh89lBHbZ6Xe8xHBDoBrn-4OYbw7t97UO8j96lnjM9ir0N_jnXKv5f0bYu5Q=w400)

[Readme file](https://vuduong191.github.io/liri-node-app-/) | [Github Repo](https://github.com/vuduong191/liri-node-app-)

This is a homework for week 10, when we learned about NodeJS. With Node run-time environment, we can do much more with JavaScript than just making websites interactive.

## Bamazon Node Apps

![Liri Node Apps](https://lh3.googleusercontent.com/nXBNn9AyER63UAEHkEUbM6xmKUuSx5arZMtz1IgR7cwGU3IjpbTP5LHp5RhN6rF-cDFcCPrSeLaiEFsEU5k09ixD4RtOSErqDvTqvDQZLCYpgTM2O1u_RJnW86OeQIqroby86Xr4EQ=w400)

[Readme file](https://vuduong191.github.io/bamazon/) | [Github Repo](https://github.com/vuduong191/bamazon)

This is a homework for week 12, when we learned about how to connect NodeJS with MySQL Database.