Nicolei Ocana

Hello, it's nice to meet you.

I'm Nicolei Ocana, a full-stack web developer. Passionate to exemplify the artistic beauty of layout design in front-end development, patient enough to resolve challenges in back-end development.

Skills

Languages

Frameworks and Libraries

Tools

Projects

The main dashboard of the Sample Application website

Sample Application

This Sample Applcation is the final product of Michael Hartl's Ruby on Rails Tutorial: Learn Web Development with Rails. This site is developed using a combination of mockups, test-driven development (TDD), and integration tests. The site layout UI is styled with the Twitter Bootstrap library. The Model-View-Controller (MVC) architechural pattern enforces the spearation between data in the application (such as the user data model) and the graphical user interface (GUI) exemplified in the full registration and authentication system. Moreover, the app demonstrates the REpresentational State Transfer (REST) architechural style of development; all components that are modeled as resources use a combination being created, read, updated, and deleted - operations that correspond both to the CRUD operations of relational databases and to the four fundamental HTTP request methods. Taking these design aspects into consideration, the Sample Application integrates users, sessions (logging in & out), account activations, password resets, and microposts for a social media experience.

  • HTML5
  • CSS3
  • Ruby
  • Rails
  • Bootstrap
  • JQuery
  • SQL
  • AWS
  • Heroku
The Forkify website searching for 'pizza'

Forkify

A very simple recipe searching app constructed from Node package manager (NPM), webpack, Babel, and ES6 modules. The recipes are acquired from a real API, spoonacular. JavaScript utilizes the web API localstorage to persist (store and access) data; users can save recipes to their favorites list which returns even after closing/ reopening the browser. The site is developed with asynchronous JavaScript: promises, async/ await, and AJAX. Users get a personalized experience by implementing Document Object Model (DOM) manipulation and events to modify the number of servings for each recipe as well as add the ingredients to a shopping list. Once you find your favorite dish, shop for the ingredients, then prepare the meal... bon appétit!

  • HTML5
  • CSS3
  • JavaScript
  • NPM
The main dashboard of the DevMatch website

DevMatch

DevMatch, a "startup," is the final product of Rob Dey's The Essential Web Developer Course at Upskill. This Software-as-a-Service, Ruby on Rails App features a user registration/authentication supplied from Devise, user profiles, email notifications with Mailgun, image uploads provided by Paperclip, and subscription membership billing with the use of Stripe. The front-end UI and layout utilizes the Twitter Bootstrap library and borrows an icon from Font Awesome. The back-end consists of form validations and relational databases amongst the plans, users, and profiles tables. The highlight that stands out in this project was to successfully integrate the ecommerce platform Stripe.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
  • Stripe
The show recipe page of 'chicken nuggets' from the My Recipes website

My Recipes

The best recipe sharing app! Wish that you could share your favorite recipes with other chefs from around the globe? Here you have the opportunity to like or dislike recipes submitted by food connoisseurs. Pictures aid in visualizing the favored entrée. Can't make up your mind on what you are hungry for? Ingredient tags are incorporated into the meal allowing each individual to easily search for that specific craving. Still can't make up your mind? Luckily, the My Recipes app displays realtime comments and a chatroom where you can bounce ideas off of other aspiring chefs such as yourself!

  • HTML5
  • CSS3
  • Ruby
  • Rails
  • Bootstrap
  • JQuery
  • SQL
  • AWS
  • Heroku
Still image of the Space Invaders gameplay

Space Invaders Video Game

A simple shooter game written in Racket; a programming language based on the Scheme dialect of Lisp. No saves, no continues, no points! This game tests your ability to see how long you can outlast the invasion. You command your tank on the ground destroying the space aliens with missiles as they drop down from the sky above. Not to worry if the game is too difficult, you have the ability to modify the code to meet your standard of play.

  • Racket