Rosita Cabrera

Full Stack Web Developer • Web/Graphic Designer

Card image cap

Mongo News Scraper: This app is built with Mongoose and Cheerio used to scrape news from another site. This app can scrape stories from a news outlet and display news articles. Each scraped article is saved to the application's database.

Dependencies: html5, bootstrap, express, express-handlebars, mongoose, body-parser, and cheerio

Card image cap

Memory Clicky Game: Built on the ReactJS Framework. This assignment uses the UI prop and state components to respond to the user events. Every time an image is clicked, the images shuffle in a random order. The game will keep and reset score.

Dependencies: html5, bootstrap, react create app, react dom, cli, heroku

Card image cap

Giphy Website: This site uses the "GIPHY API" and is a dynamic web page that populates gifs of your choice. Call the GIPHY API and use JavaScript and jQuery to change the html. Click any gif to start and stop the animations.

Dependencies: html5, css, bootstrap, giphy api, javascript, jQuery

Card image cap

Eat-Da-Burger!: This is a restaurant app that lets users input the names of burgers they'd like to eat. For this project I followed the MVC design pattern with Node and MySQL to query and route the data in my app, and used handlebars to generate the HTML.

Dependencies: html5, css, bootstrap, express, handlebars, body-parser, method-override, mysql database, and heroku

Card image cap

Totally Trivia: This is a trivia game that shows only one question until the player answers it or time runs out. If the player runs out of time the next question will show. The final screen, show the number of correct answers, incorrect answers, and an option to restart the game.

Dependencies: html5, css, and javascript

Card image cap

Bamazom Store: This is a Node application to show products in the store. The application will display what's available for sale. The app will prompt users with messages. And the SQL database will reflect the remaining quantity and the total cost of their purchase.

Dependencies: node.js, mysql, inquirer, cli-table, cli colors

Card image cap

Train Scheduler: This is an app that uses Firebase to host arrival and departure data and manipulate with Moment.js. It will provide up-to-date information about various trains, their arrival times and how many minutes remain until they arrive at their station.

Dependencies: html5, css, javascript, moment.js, bootstrap, firebase, and apiKey

Card image cap

Hangman Game: This game uses key events to listen for the letters that the players will type. It will display the number of times the user guessed the word correctly. And show dashes _ _ _ as the user guesses the correct letters and reveal them like abc_ _. Also display the number of guesses remaining and the letters already guessed.

Dependencies: html5, css, and javascript

Card image cap

Dare 2 Dive: A web app that shows the top five most beautiful locations in the world to skydive and gives the user the weather forecast using a weather api and the skydiving centers contact information using Google map API and places library. And Firebase to store images.

Dependencies: html5, css, bootstrap, cooverr video, google api, and firebase