JavaScript Projects

Pomodoro Timer

pomodoro timer

This challenging front end project was built using the React library and Moment.js. Writing the script for the main "count down" function helped me learn more about the setInterval method and the Moment.js library. The ternary operator is heavily utilized to enforce limits on user adjusted values.

Visit the project

See the code

Calculator

orange calculator

I created this online calculator using the React library. The biggest challenge was writing the algorithms to evaluate the input values. I made use of an object literal, regular expressions and various array methods to achieve this end. I also learned how to use switch statements to control the input keys' state. CSS grid is used for the button display layout.

Visit the project

See the code

Drum machine

drum machine app

This is another React project. I incorporated Redux to learn more about this widely used state container. Building this project taught me about event listeners as they are crucial for playing the sounds interactively. I expanded the original app by adding multiple sample libraries or "kits", each with a unique CSS theme. I employed the map array method in creating the JSX components for the button display.

Visit the project

See the code

Local weather app

Wikiviewer

Random quote generator

quote generator app

This simple web app uses javascript to generate random quotes. The user has the option to tweet the quote. Created as a project for free code camp.

Visit the project

See the code