CODING

Baby Health (A React App)

An app to keep track of a baby's health.

On the Data Entry page, the user can enter their baby's health into the form which is then sent and stored in MongoDB.

On the Data Log page, the user can retrieve their baby's data from MongoDB which is then filtered by date and sorted by time.

Baby Health is a MERN Stack app (MongoDB, Express, React, Node). The MongoDB database is hosted by mLab and the app is deployed on Heroku.

Technologies used: React, JavaScript, CSS, JSX, HTML, Bootstrap, Font Awesome, Datepicker, Moment, Node, Express, Mongoose, ORM (Object-Relational Mapping), MongoDB, NoSQL, RESTful API, JSON, AXIOS, mLab, Heroku.

App is responsive and designed for a mobile screen and larger.

Deployed app

The Barbershop

A reservation app for "The Barbershop" using a MySQL database hosted by JawsDB and deployed on Heroku.

On the Make Reservation page, a customer enters their name, phone number, email, and selects the barber, date, and time for the reservation.

On the Barber Portal page, all upcoming reservations can be viewed, and may also be filtered by barber. All reservations are sorted by date, and all past reservations are set to not be displayed. Reservations can be updated by clicking the edit button, and canceled by clicking the x button.

Technologies used: HTML, CSS, JavaScript, jQuery, Bootstrap, Datepicker, Moment, Node, Express, Sequelize, ORM (Object-Relational Mapping), MySQL, RESTful API, JSON, AJAX, JawsDB, Heroku.

App is responsive and designed for a mobile screen and larger.

Deployed app

Code

Presentation slides

Presentation speech excerpt

WeatherTastic

An app that gives a recommendation of what to wear and pack based on the weather.

Technologies used: HTML, CSS, JavaScript, jQuery, Darksky API, Google Maps API, JSON, AJAX, Daterangepicker, Moment.

App is responsive and designed for a mobile screen and larger.

Web app screenshots

Code

Presentation slides

Presentation speech excerpt

Moonbucks Coffee

A customer-order and order-retrieval app using a Firebase database.

On the Customer View page, a customer can place an order and the data is sent to a Firebase database.

On the Store View page, the store can retrieve customers' orders from the Firebase database and display it to the page.

Technologies used: HTML, CSS, JavaScript, jQuery, Bootstrap, Moment, JSON, AJAX, Firebase.

App is responsive and designed for a mobile screen and larger.

Deployed app

Code

Parallax Scrolling

An app displaying a parallax effect. Parallax scrolling is a website trend where the background content is moved at a different speed than the foreground content while scrolling.

Technologies used: HTML, CSS, JavaScript, jQuery.

App is responsive and designed for a mobile screen and larger.

Deployed app

Code

Gify Baby!

Enter any keyword of your choice and hit search! Upon clicking the search button, the app will make a call to the Giphy.com API (Application Programming Interface), retrieve data based on the user's keyword, and then display a total of ten Gifs.

Technologies used: HTML, CSS, JavaScript, jQuery, Giphy API, JSON, AJAX.

App is designed for a mobile screen and larger.

Deployed app

Code

'80s Music Hangman

An '80s music themed Hangman game. Guess the Artist! There are a total of 5 different games.

Technologies used: HTML, CSS, JavaScript.

Game is designed for a laptop screen and larger.

Deployed game

Code

'90s Movie Trivia

In this '90s movie themed Trivia Game, the user must choose the correct answer for each question within 10 seconds. There are a total of 5 questions.

Technologies used: HTML, CSS, JavaScript.

Game is designed for a laptop screen and larger.

Deployed game

Code

LIRI

LIRI is a Language Interpretation and Recognition Interface. It is a command line node app that takes in parameters and gives back data. LIRI will search Bandsintown for concerts, Spotify for songs, and OMDB for movies. The app will send requests using the AXIOS Node package to the Bands in Town, Spotify and OMDB APIs, and then retrieve data.

Technologies used: Node, JavaScript, Bandsintown API, Spotify API, OMDB API, JSON, AXIOS, Moment.

Demo video of app

Code and readme file with demo screenshots

Jetmart

An inventory system for the store "Jetmart". It is a command line node app that communicates with a MySQL database.

The customer app takes in a customer's order and updates the database.

The manager app shows the inventory and allows items to be added to or deleted from the database.

Technologies used: Node, MySQL, JavaScript.

Demo video of app

Code and readme file with demo screenshots