FULL STACK DEVELOPMENT
COFFEE
TALK
THE CONCEPT
COFFEE TALK
BUILT WITH
MY WORK FOR THE PROJECT
Coffee Talk is an application that allows users to start messaging the world. Through user authentication, username and passwords will be recognized in order to provide a fluid signing in/signing out in process. Start Chatting!
MYSQL
JQUERY
JAVASCRIPT
CSS3
MATERIALIZE
NODE.JS
EXPRESS
EXPRESS HANDLEBARS
PASSPORT.JS
MYSQL2
SEQUELIZE
Coffee Talk was a group compilation. I handled the look and feel, utilizing Materialize as my front end framework. I really like Materialize as it has more of a modern look. My work primarily follows a clean and simple look, and Materialize encapsulates that same feel with many of the components included.
FINAL APPLICATION
THE CONCEPT
RU420 was the first group project for the SMU Coding Bootcamp. The project involves the Faceplusplus Api as a way for a user to first be allowed access into our website. Faceplusplus will determine if your age is over 21. If yes, you will be directed into the website. If no, nothing will happen. The website will incorporate the Strain Api to retrieve strains, races, flavors and effects. The user will be allowed to click on a particular flavor, race or strain in order to generate a result of 3 gifs in relation to the effect/feeling of the strain.
BUILT WITH
FACEPLUSPLUS API
STRAIN API
GIPHY API
MY WORK FOR THE PROJECT
The RU420 team consisted of four members. Since this project was closer towards the start of the bootcamp, certain plugins and frameworks hadn't been established just yet. With that being said, I handled the front end framework using basic HTML and CSS styling effects. After creating the front end look and feel, I combined the buttons created to search different flavors and strains with onClick events to give the user the end result of the gifs associated. It really was a fun project and our team accomplished what we had set out to achieve.
THE CONCEPT
CHECKMATE
BUILT WITH
MY WORK FOR THE PROJECT
Checkmate is an application created with react that allows players to compete against eachother playing a game of chess. Utilizing socket.io, players will compete in real-time. A message room is available between players/spectators. Ranking will also be implemented in order to match players into their specific skill level.
SEMANTIC UI
REACT
MONGO
MONGOOSE
SOCKET.IO
Checkmate was a group compilation. I first took a stab at the look and feel for the application. The front end is primarily my expertise and passion, as I truly enjoy seeing the transformation of design come to life through code. I implemented Semantic UI as the development framework for creating responsive and user friendly HTML and CSS.
After the look and feel was finalized, I began to play around with creating a chat feature. I was going for a simple chat, one that is recognizable and similar to a chatroom that has been used among many.
Socket.io was implemented in order to establish real-time, event-based communication. While I feel much more comfortable with the front end HTML, CSS and Javascript portions of code, it was really fun practicing and implementing chat functionality with Socket.io.
FINAL APPLICATION
OTHER PROJECTS
TRAIN SCHEDULER
Train Scheduler creates a train schedule application that incorporates Firebase to host arrival and departure data. The app will retrieve and manipulate this information with Moment.js. This website will provide up-to-date information about various trains, namely their arrival times and how many minutes remain until they arrive at their station.
Built With
Train Scheduler is a platform that incorporates Firebase to host arrival and departure data. Train Scheduler will retrieve and manipulate this information with Moment.js. This website will provide up-to-date information about various trains, namely their arrival times and how many minutes remain until they arrive at their station.
- HTML5
- CSS3
- JAVASCRIPT
- BOOTSTRAP FRAMEWORK
- JQUERY
- FIREBASE DATABASE
- MOMENT.JS
GIFTASTIC
Giftastic uses the GIPHY API to make a dynamic web page that populates with gifs of your choice. In order to fulfill the whole task of the website, the GIPHY API is called and JavaScript and jQuery are used to change the HTML of the site.
Built With
GIFtastic is a responsive website that displays GIF images from the GIPHY website using an API. The website comes preloaded with a set of buttons with rock band names. Users can click on a button in order to load & display 10 GIFS on the page along with rating and title information.
- HTML
- CSS
- BOOTSTRAP
- JAVASCRIPT
- JQUERY
- GIPHY API
EAT DA BURGER
Eat Da Burger app creates a burger logger utlizing MySQL, Node, Express, Handlebars and ORM. Have fun and add burgers and devour them!
The main purpose of the application is to take in the input specified for the type of burger and display them in the Delicious Available Burgers list. If the user decides they would like to eat a particular burger, they can click on the Devour It button and the burger will now be placed in the Yummy Eaten Burgers list.
Built With
Eat Da Burger app creates a burger logger utlizing MySQL, Node, Express, Handlebars and ORM. Have fun and add burgers and devour them! The main purpose of the application is to take in the input specified for the type of burger and display them in the Delicious Available Burgers list. If the user decides they would like to eat a particular burger, they can click on the Devour It button and the burger will now be placed in the Yummy Eaten Burgers list.
- MYSQL
- NODE
- EXPRESS
- HANDLEBARS
- ORM