Portfolio
Fullstack React App
A fullstack React application
built with Node/Express server
and MongoDB database. The user
creates a library, and then uses CRUD
functionality to add/update/delete books to
that library. Deployed and hosted on
Heroku.
Code: https://github.com/ciaranmccullough/fullstack-react-app
Serverless React App
A listings app for music venues to book
bands, and add them to thier listings.
Created with React hooks,
React router, and using
Material UI for UI design and
styling. The app has a database hosted on
Google Firebase enabling
realtime updates and persistence, and is
hosted using
Netlify's serverless
integration.
See the Pen GSAP DEMO by Ciaran-Mc (@ciaran-mc) on CodePen.
Greensock Demo
Using the GSAP API to create
animations with JavaScript, to
take advantage of chaining the order of
animations, events and better performance
over basic CSS animations.
nvd3 Graph Real Time
A nvd3 graph utilising Node Js,
and hosted on a
Firebase real-time database.
Code: https://github.com/ciaranmccullough/realtime-firebase-nvd3
See the Pen React Weather App w/ geolocation by Ciaran-Mc (@ciaran-mc) on CodePen.
React App w/ geolocation
Built with React Js, the
geolocation api automatically finds the
user's position to render an eight day
weather report.
See the Pen Lyrics API by Ciaran-Mc (@ciaran-mc) on CodePen.
JavaScript App (API)
A fun application which takes user inputs to
call the lyrics API, and render the
resulting lyrics via the DOM. Written in
vanilla JavaScript.
See the Pen Current Weather API by Ciaran-Mc (@ciaran-mc) on CodePen.
AJAX App
Using the Weather API, the user inputs data
to find out the weather locally in their
city & state. Written in vanilla
JavaScript.
See the Pen WorkoutsApp by Ciaran-Mc (@ciaran-mc) on CodePen.
JavaScript DOM App
A 'CRUD' application designed with vanilla
JavaScript, which adds,
removes, updates and deletes user input
based on thier workout choices, and
calculates the total calories burned during
that workout.
One page HTML/CSS/JS Website
A simple one page website for a company in
private dental sector, making use of CSS3
grid, flexbox and
vanilla Javascript responsive navbar, smooth
scrolling and lazy loading images.
See the Pen PP1 - Console App = Stockist by Ciaran-Mc (@ciaran-mc) on CodePen.
JavaScript Console App
JavaScript app using MVC
principle, that models stock and stock
items, creating, reading, updating and
deleting items from a stock list.
Serverless Form
A HTML5 form hosted on
Netlify, and hooked up to
Gmail utilising a 'zap' via
Zapier. This will send you an
email automatically containing your message,
demonstrating the enormous potenital of
automated form handling.
CSS3 website
A copy website using CSS3 ONLY. Designed
'mobile-first' utlising
media queries and CSS3
flexbox.