Projects
AddressBook
APP SUMMARY:
Address-Book is a full-stack web app that provides an address book for the user. It's theme
is established currently as a public directory for employees of the fictitious - Michael
Scott Paper Company.
TECHNOLOGIES USED:
ReactJs
NodeJs
Express
MongoDB
Axios
Mongoose
NPM
HOW THE APP WORKS:
The application works by letting the user create an address book. Once a contact is created
the user has the ability to edit or delete that contact. A search bar allows the user to
find contacts already established in the address book. A detailed view of the contacts
information is provided when a contact is selected. Contacts are displayed for the user in
alphabetical order by last name.
Web Dynamic
APP SUMMARY:
Web Dynamic is a bootstrapped React app with animations for the company Web Dynamic LLC, A
start-up web design company.
TECHNOLOGIES USED:
React
EmailJs
CSS with animations
AOS Library
HOW THE APP WORKS:
To run the app simply open terminal in the web editor of choice and run npm start.
Lugs N' Grub - Project 3
APP SUMMARY:
Lugs N' Grub is a Full-Stack, web based application, that aims to unite foodtruck owners
with hungry "foodtruck" customers.
TECHNOLOGIES USED:
Mongo,
Express,
React.Js,
Node.Js,
Other notable technology used - Express-fileupload NPM package.
HOW THE APP WORKS:
The application works by allowing food truck owners to establish a profile. Thereby allowing
the owners to create trucks in the data-base, with corresponding exposure in the client side
react.js framework. Food truck names, menu's, and schedules are available after truck
creation for customers to explore.
Customers can search food trucks by cusine and see each individual foodtrucks menu and
schedule/location. Customers are also welcome to explore the featured food trucks in the
featured section, and explore their corresponding menu's and location/schedule.
apARKi group project
APP SUMMARY:
apARKi is an assistant that helps you find parking a space.
TECHNOLOGIES USED:
HTML,
Materialize,
Google API,
Postman.
Javascript,
jQuery,
CSS
HOW THE APP WORKS:
The user enters their desired destination to search that area for public parking.
The
program logic will ask for the users permission to access location, then after the
search is
requested by the user, the appropriate available parking lots will be displayed.
From there
the user may continue to get specific turn by turn directions to that parking lot by
selecting the desired parking lot.
Messaging-App
APP SUMMARY:
Messaging-App is based off a video turotial by JavaScript Mastery
(Tutorial
here).
I was inspired to do the turorial to learn about socket.io. Communication is one of the most
practical and powerful things technology has given us the ability to do; and so I naturally
had a curiosity about it. The app is a simple Messaging App that let's users join rooms and
chat we each other.
TECHNOLOGIES USED:
ReactJs
NodeJs
Express
Socket.io
NPM
HOW THE APP WORKS:
The application works by allowing users to join chat rooms with their desired usernames.
Users are notified of whom is in the chat room at any given time on a separate column.
Messages sent/received are labeled with corresponding user.
*The server takes several seconds to load (deployed on heroku free tier)*
News Scraper
APP SUMMARY:
Mongo-scraper is a web application that uses Mongoose and Cherrio to scrape news from
reddit.
TECHNOLOGIES USED:
Express,
Mongoose,
Cheerio,
Handlebars,
Node Js,
Bootstrap,
jquery,
JavaScript,
CSS,
HTML
HOW THE APP WORKS:
When the home page loads the user is presented with a jumbotron and a brief intro to what
the application does. If the user is interested in reading articles from reddit they will
hit the "Scrape Articles" button. From there the application logic will scrape reddit and
return articles with headlines and their appropriate links. The user has the opportunity to
leave notes on each individual article, or delete the created notes if they wish.
SnobTalk Group Project
APP SUMMARY:
SnobTalk is a web application that presents users with an avenue to debate and review their
thoughts on various topics.
TECHNOLOGIES USED:
Node js,
MySql,
Express,
Express-handlebars,
JavaScript,
Sequelize,
Material-Bootstrap,
CSS
HOW THE APP WORKS:
The users is given the option of topics to browse. Once a topic is chosen the user can look
up reviews on that particular topic via search,; or they can choose to add their own new
review or comment.
BURGER
APP SUMMARY:
Burger is a full stack application that lets the user create custom burgers,
and "devour" them once created.
TECHNOLOGIES USED:
Node js,
MySql,
Express,
Express-handlebars,
JavaScript,
Custom ORM,
Method-override,
Bootstrap,
CSS
HOW THE APP WORKS:
The user is rendered an HTML page with two distint columns. One for burgers that have been
"devoured", and another for burgers that are ready to "eat". A search form linked with a
submission button to "create" a burger of choice is also provided to the right of those
columns. The user can choose to devour one of the already existing burgers via a button that
will trigger a request to the API holding the burger data. Ensuing JAvaScript logic and
routing updates the appropriate areas of the page accordingly.
If the user instead chooses to create a custom burger; the request is passed to the API to
create a burger in the db and the returning result renders the new burger to the HTML page
in the column "ready to eat", with an associated devour button.
FriendFinder
APP SUMMARY:
FriendFinder is a full stack app that mimicks a dating application. It is
dirven by
logic that compares user inputs to API data, linking them to the best match loaded in the
database.
TECHNOLOGIES USED:
HTML,
CSS,
Node Js,
JavaScript,
Jquery,
Express,
Bootstrap
HOW THE APP WORKS:
The application works by steering the user to a survey page if they are interested in
finding a
compatible friend. Once the user is at the survey page he/she is asked to return inputs to
10
questions which get loaded into the API on submission. During the submission of the user
values,
serverside driven logical compares the users inputs to those most similar in match of the
data
already loaded in the database. Once a match is obtained, the data for the match is
displayed
for the user via modal with a picture of the match.
bamazon
APP SUMMARY:
bamazon is a Node Js app that uses MySQL as the database that drives inventory
of an amazon-like store.
TECHNOLOGIES USED:
Node Js,
MySQL,
Inquirer npm
HOW THE APP WORKS:
The user is initially shown the products available to order.
After the products are displayed the user is prompted to choose the id of the item they
would like to buy.
After an id is inserted the user is then asked how many of the product they would like to
buy.
The quantity inserted by the user is then checked against the quantity available in stock.
If insufficient quantity is determined to fullfill order, the user is given notice of so and
given the opportunity to order again or quit the user interface.
If the order proceeds with quantity checked as sufficient the user is then given the total
price for the order. The inventory number is adjusted accordingly off the database to
reflect the new and accurate inventory quantity.
LIRI
APP SUMMARY:
LIRI is a node js app that makes API calls, and returns the relevant data
from the users command line inputs. The app is useful by getting information for the
user on songs, movies, and current concerts available for a particular artist.
TECHNOLOGIES USED:
node js,
axios package,
spotify API search package for node
HOW THE APP WORKS:
Users are able to search bands in town, movie IMDB, or spotify via CLI.
Train Scheduler
APP SUMMARY:
TrainScheduler is a web application that mimicks a train schedule board.
TECHNOLOGIES USED:
HTML,
Bootstrap,
Javascript,
jQuery,
Firebase,
Moment,
CSS
HOW THE APP WORKS:
The user is allowed to input values via form, the programs logic then reflects those values
to the main train schedule board. All values are logged into a third party database.
GifTastic!
APP SUMMARY:
GifTastic is a web application that uses giphy API to produce humorous images
according user input.
TECHNOLOGIES USED:
Javascript,
jQuery,
HTML,
CSS,
Bootstrap
HOW THE APP WORKS:
Users visit the site and are given a set of hardcoded options to enjoy. If the userr wishes
to explore another topic under the giphy API they can enter their desired topic under the
search form.
Trivia Game
APP SUMMARY:
TriviaGame is a web application that presents the user with ten random trivia
questions.
TECHNOLOGIES USED:
HTML,
CSS,
Bootstrap,
Javascript,
jQuery
HOW THE APP WORKS:
The user is presented with ten trivia questions. A count is kept of questions answered
correctly, and questions answered incorrectly. Additionally the user has only thirty seconds
to answer each question.
Crystal Collector
APP SUMMARY:
Crystal Collector is a web application that challenges the user to match the
random
number generated by the program.
TECHNOLOGIES USED:
HTML,
CSS,
Bootstrap,
Javascript,
jQuery
HOW THE APP WORKS:
The user is presented with a random number to match. Four crystals with randomly generated
hidden values for each are presented. The user then tries to match the number using the
crystals values without going over the number to match. If the user matches the number they
are given a "win", otherwise they are given a "loss".
Psychic Game
APP SUMMARY:
Psychic-Game is a web application that uses Javascript to generate a random
letter.
Users then
attempt to guess the letter the program has chosen.
TECHNOLOGIES USED:
HTML,
Bootstrap,
CSS,
Javascript
HOW THE APP WORKS:
The program selects a random letter. The user is then allowed 9 chances to guess the letter
chosen
by
the program. If the user chooses correctly they are given a "win", otherwise they are given
a
"loss".
dayCare
APP SUMMARY:
Daycare is a website created for a client that owns a daycare; whom wishes to get market
exposure in the digital space.
TECHNOLOGIES USED:
HTML,
CSS,
Bootstrap,
Google Forms
HOW THE APP WORKS:
The webpage is mostly desired by the owner to be for informational purposes. There is some
interactivity with the user being able to contact the owner of the business via google forms
(per owner request); and downloading forms available in pdf format from the website.
