HI, I'M MARIBEL

Let's change the world together!

ABOUT ME

Large image of Maribel

What I hope to do

My mission as a developer is to contribute to applications that empower and motivate lives. I believe that through code we can make the world a better place by building products that empower communities. Yes, let's change the world together!

What I'm doing

On my free time, I am building web applications through the FreeCodeCamp curriculum, an open source coding community. On top of FreeCodeCamp, I attend meetups and seminars, listen to engineering podcasts, read tech blogs, and take other online courses in order to help me develop a growth mindset and become a better developer. Throughout this journey, I have learned to accept failure and use it as an opportunity to learn and grow.

I recently started contributing to open source, attended my first hackathon, and completed the 100 DaysOfCodeChallenge. I shared the skills and values gained on Medium.

When I'm not coding, you can find me

Running | Hiking | Meditating | Reading | Traveling | Attending Music Festivals with BAE.

Toolbox

Languages and Frameworks: Javascript, HTML5, CSS3, jQuery, Bootstrap, NodeJS, ExpressJS, MongoDB
IDE: Microsoft VS Code
VCS: Git/Github
PMS: Trello
Debugger: Chrome DevTools

Learning

Currently: ReactJS and CSS Variables
On the radar: CSS Grid

Hacking on

1) Contributing to a Resiliency Map, which will help the city of San Francisco prepare for a natural disaster.
2) Rebuilding this website with GatsbyJS and ReactJS.
3) Voting App: A fullstack Javascript application.

PROJECTS

Screenshot of project

EmpowerHer:SF

EmpowerHerSF focuses on providing Human Trafficking awareness and funding to local SF women shelters. The website matches you with local shelters that need items that you have available to donate.

Screenshot of project

Tic Tac Toe

A user can play a game of Tic Tac Toe with the computer and choose whether they want to play as X or O. The game will reset as soon as it's over. Built using: Javascript, jQuery, HTML, CSS3, and Bootstrap.

Screenshot of project

Pomodoro Timer

A countdown clock that switches between a Session Timer and Break Timer. The length of the timers are customizable and can be reset. Built using: Javascript, Jquery, HTML5, CSS3, and Bootstrap.

Screenshot of project

Javascript Calculator

A fully functional calculator that can chain mathematical operations together. Built using Javascript, jQuery, HTML5, and CSS3.

Simon Game

A browser based version of the 1980s classic Simon Game. Built using Javascript, jQuery, HTML5, and CSS3.

Screenshot of project

Twitch Streamers

Shows whether a Twitch streamer is online, offline, or no longer active. Uses the Twitch.tv JSON API to get twitch streamers information. Built using Vanilla JS, HTML, and CSS3.

Screenshot of project

Wikipedia Viewer

Allows a user to search and view Wikipedia articles.Uses Wikpedia's API to retrieve the articles. Built using Vanilla JS, HTML, and CSS3.

Screenshot of project

Local Weather App

Shows the weather of the user's current location in both Fahrenheit and Celcius. Uses HTML5 Geolocation API to get the user's location and Dark Sky API for the weather conditions. Built using Javascript, jQuery, HTML5, CSS, and Bootstrap.

Screenshot of project

Inspirational Quotes Generator

Provides random inspirational quotes using Forismatic API. The user can share the quotes on Facebook and Twitter. Built using Javascript, JQuery, HTML, CSS3, and Bootstrap

Screenshot of project

Tribute Page

A simple tribute page featuring Steve Jobs's timeline and some of his famous quotes. This was my first time using Bootstrap :)

Screenshot of project

File Metadata Microservice

This service accepts a single file upload and will return the file size in bytes in the JSON response. Built using Node.js, Express, and Multer.

Screenshot of project

URL Shortener Microservice

This service accepts a URL and will return both the original URL and shortened URL in a JSON response. Built using MongoDB, Node.js and Express.

Screenshot of project

Request Header Parser Microservice

This service returns your IP address, language, operating system, and browser specs. Built using Node.js and Express.

Screenshot of project

Timestamp Microservice

This service accepts a string and returns both the Unix timestamp and the natural language form of that date as a JSON object. Built using Node.js and Express.

Screenshot of project

Image Search Abstraction Microservice

This service accepts a search string and will return a set of image results from a Google custom search engine. Built using, MongoDB, Node.js, and Express.

Screenshot of project

FCC Camper Leaderboard

Shows a list of the FreeCodeCamp campers who've earned the most brownie points in the past 30 days and all timers. Uses the FCC API to get FCC top campers information.

CONTACT