front-end-libraries-development

Front-end Libraries Development Projects

Projects to exercise web development with front-end libraries, like jQuery and React, and API consumption.

• Random Quote Machine (jQuery, React)
• Drum Machine
• Calculator
• Markdown Previewer
• 25 + 5 Clock

Random Quote Machine (jQuery)

Displays a random quote, with author information.

• HTML
• CSS
• JavaScript
• jQuery

Source - Live*

• Uses third-party APIs.

Random Quote Machine (React)

Displays a random quote, with author information.

• HTML
• CSS
• JavaScript
• React

Source - Live*

• Uses third-party APIs.

Markdown Previewer

Render stylized HTML from the entered text with markdown markup.

• HTML
• CSS
• JavaScript
• React

Source - Live

Drum Machine

Makes a different sound based on the element clicked, displaying the related instrument name on the screen.

• HTML
• CSS
• JavaScript
• React

Source - Live

Calculator

A simple calculator app.

• HTML
• CSS
• JavaScript
• React

Source - Live

25 + 5 Clock

Sets a timer and a interval, in which this timer will wait until restart. Something like Pomodoro.

• HTML
• CSS
• JavaScript
• React

Source - Live