Senior Web Developer
2017 - PRESENT40AU- Managed projects, including planning, budgeting, design, and development.
- Built a project management application that includes features such as customizable forms, ticketing, and custom workflows.
- Created a branching questionnaire application for use in doctors' offices that allows for doctors to have base decision logic available for appointments.
- Built a survey application that takes third-party data and assists nurses in gathering patient information and calculating a risk score before major surgeries.
- Shared custom code sets and workflow management between projects to create more efficiency throughout the development lifecycle.
Technologies: JS, Vue.js, React.js, SCSS, Material Design, PolymerPixel Perfect, HTML/CSS Expert
2018 - 2018Deloitte (via Toptal)- Worked remotely through a Slack channel to communicate needs.
- Built a custom static webpage with easy customization and built process.
- Developed with the goal of a <1-second load time. Optimized assets and loading to accommodate efficiency needs.
- Worked in a tight feedback loop to keep the development budget on track.
- Used custom animations without libraries to build a pixel-perfect, eye-catching product.
Technologies: JS, Pug, SCSSSenior Interactive Developer
2017 - 2018Situation Interactive- Built custom applications using best technologies for the job.
- Built reusable plugins for use in custom webpage builds.
- Implemented and supported styleguide standards and interactive build process through development and design workflow.
- Contributed to API planning and building for reproducible applications.
- Performed code reviews and provided mentoring to Junior developers.
Technologies: JS, PHP, Vue, SCSS, Angular, WPSenior Web Developer
2016 - 2017UBS- Developed reusable interactive data-driven user interface components as a part of my research.
- Communicated with teams that were spread across many countries.
- Worked in an Agile Scrum environment.
- Specialized in data visualizations.
- Wrote tests for all developed code.
- Assisted in project deployment as needed.
Technologies: JavaScript, D3, CSS, HTML, Node, React, jQuery, Grunt, SVG, Mocha, Chai, Redux, Browserify, UnderscoreD3 Specialist
2016 - 2016Berkman Solutions (via Toptal)- Created a custom D3 visualization for a central view of an application. The visualization represented a complex organization hierarchy with a diverse rule set.
- Developed the nodes in the chart, which had multiple parents, allowed generation skipping, had arbitrary depth and width of generation, and allowed for relationship inversion.
- Built the chart, which consumed, formatted, and visualized third-party data as well as highlighted and gave details on node relationships while maintaining node context.
- Included a custom node traversal and force direction algorithm in the chart for completing the required layout.
Technologies: D3, JS, SCSSD3 Specialist
2016 - 2016Maven 7 (via Toptal)- Built a custom data visualization that involved complex animations and mathematical solutions.
- Wrote algorithms for drawing efficient transitions of different geometries with SVG.
- Modified a tool to save SVG files as PNG with custom parameters.
- Improved the code base by merging multiple visualizations into an efficient singular visualization.
- Worked with the team based in Budapest on opposite schedules and delivered consistently.
Technologies: D3, JavaScript, CSSD3 Expert
2016 - 2016Membean (via Toptal)- Modified custom data visualization to specs.
- Designed and presented responsive solutions.
- Developed responsive functionality into existing visualizations.
- Assisted in data visualization design patterns.
- Studied products to understand client needs.
Technologies: D3, JavaScript, CSS, SassLead Interactive Developer
2014 - 20161 Point 21 Interactive- Conceived, designed, developed, and deployed interactive sites, data, and in-house applications.
- Specialized in data-driven interactive graphics.
- Developed and presented product and project ideas. Analyzed data.
- Built in-house applications for improving workflow.
- Taught team members, acting as a resource for all company departments.
Technologies: D3, JS, CSS3, HTML5, jQuery, Angular, PHP, MySQL, R, CouchDBFront-end Developer
2015 - 2015Mindgruve- Focused on JavaScript animations and data-driven graphics.
- Created loading animations and AJAX for blogs.
- Developed the interface for a custom portal.
- Created data-driven graphs for a business-facing application.
- Developed HTML and Responsive CSS updates.
Technologies: JS, CSS3, HTML5, D3Web Developer
2014 - 2015High Rank Websites- Played a key role in production, planning, workflow, tech decisions, and company direction.
- Created hand-written WordPress themes.
- Built interactive information graphics.
- Gave presentations and interviews, improved deployment, built new products, introduced site optimization, and implemented features across sites.
- Created reusable interactive WordPress plugins.
- Troubleshot and interviewed potential in-house and freelance developer work.
Technologies: WordPress, PHP, MySQL, CSS, HTML, Sass, D3, SVG, Illustrator, PhotoshopWeb Developer
2013 - 2014ePractice Media- Helped the team to efficiently and effectively produce sites at high volume.
- Cut up PSD files to build CMS-powered websites.
- Developed hand-written responsive WordPress themes.
- Edited and updated existing websites.
- Integrated Bootstrap, responsive design, and LESS to production.
- Bought domains and set up databases, WordPress, and FTP users.
Technologies: WordPress, CSS, jQuery, HTML, PHPPark Manager
2011 - 2013Titus Mountain- Managed upkeep, planning, and promotion for a terrain park and oversaw their web presence.
- Designed logos, posters, and other assets for promotional events.
- Hired, scheduled, and managed a group of 10 employees.
- Updated/maintained the website, Facebook page, YouTube channel, and Instagram feed.
- Conceived, developed, and ran events and promotions.
Technologies: Illustrator, Photoshop, HTML, CSS
Timothy A. Ronan
SVG Developer in Nashville, TN, United States
Member since September 15, 2015
Timothy is a front-end developer who specializes in data visualization, vector graphics, interactives, and animation. He has experience throughout the entire scope of web projects and has designed UI/UX, assets, templates, and projects. He's analyzed, cleaned, and converted data, and worked with databases and APIs. Embracing web experiences outside of the front-end has been instrumental in developing original, concise, and effective interfaces.
Timothy is now available for hire
Portfolio
- 40AUJS, Vue.js, React.js, SCSS, Material Design, Polymer
- Deloitte (via Toptal)JS, Pug, SCSS
- Situation InteractiveJS, PHP, Vue, SCSS, Angular, WP
Experience
- JavaScript, 7 years
- HTML, 7 years
- jQuery, 6 years
- SVG, 5 years
- Data Visualization, 4 years
- D3.js, 4 years
- Adobe Illustrator, 4 years
- Sass, 4 years
Availability
Part-time
Preferred Environment
OS X, Sublime Text, Git, Gulp, Vagrant, SASS
The most amazing...
...thing I've coded is a player dashboard that updates live based on over 25 filters on 18 stats and 5 graphs for each player.
Employment
Experience
- Gundealers and Starbucks (Development)http://admin.1point21interactive.com/coffeeandguns/
I used Google APIs, D3, SVG, JS, Leaflet, and R to build an application that shows the number of Starbucks and gun dealers within a 35 mile radius. I cleaned the data, developed the entire application, and designed the UI.
- Dangerous Toys (Development)http://admin.1point21interactive.com/toy-dangers/
An interactive data graphic showing age ranges related to toy-based injuries. Built with D3, CSS3, and JS.
My Role: Designed UI/UX, Made icons & assets, Developed the entire page. - Race for MVP (Development)http://raceformvp.com/
A data-driven dashboard built with D3 and CSS3. User Profiles are updated based on dragging stat sliders. Shows the number of relevant games in statistical thresholds. Presets for different relevant statistical combinations. Graphs the represent individual games versus season average. Filtering and graph updates highlight piece.
My Role: Designed, developed, and deployed the project solo. - NYC Street Dangers (Development)http://admin.1point21interactive.com/nyc-streets/
Using SVG, Leaflet, SVG, CSS, R, and JavaScript, I cleaned and analyzed data to create this visualization of car accidents in NYC. We attempted to show the most dangerous areas of NYC.
- People Killed by Police (Development)http://1point21interactive.com/people-killed/
Publicity graphic created with D3 and CSS3. Sorting, animations, filtering, and multiple graph updates highlight the piece.
My Role: UX design and development - Icon Animation for Dan and Dave (via Toptal) (Development)http://timaronan.com/dananddave/
I created 4 icon animation types for Dan and Dave. In my presentation of these types, I outlined efficiency benefits vs. animation smoothness.
The client settled on an SVG solution which I packaged for their developer to implement seamlessly into the existing site. - College Graduate Estimator (Development)http://wsbankruptcylaw.com/college-graduate-estimator/
Data driven application. Math calculations based on cost of living indices, national averages, major, and university data. Used Angular, MySQL, PHP, Slim, CSS3.
- NFL Crimes Interactive (Development)http://highrankwebsites.com/nfl-crimes-interactive/
D3, CSS3, JS-driven data graphic. Multiple updating graphs and sorting.
- Surrano Law WordPress (Development)http://www.surranoinsurancebadfaith.com/
Custom WordPress theme built from scratch.
Tools Used: jQuery, SASS, WordPress, PHP, HTML5 Video, Google Maps API - Panish Law WordPress (Development)http://psblaw.com
Custom WordPress theme built from scratch.
Tools Used: jQuery, SASS, WordPRess, PHP, HTML5 Video, Google Maps API - WordPress Plug-in Use and Information (Development)http://admin.1point21interactive.com/dimple/
This site is an overview of a WordPress plugin I built for a company's in-house use. This site was built to be used as a tutorial and reference page for employees using the plugin. It is a WordPress site about a WordPress plugin, both of which I developed.
Tools Used: D3, WordPress, CSS3, PHP, JS, AJAX, SVG, Dimple
Skills
Languages
HTML, CSS3, Sass, HTML5, JavaScript, Less, PHPFrameworks
Compass, AngularJS, Java Agent DEvelopment (JADE), Slim, CodeIgniterLibraries/APIs
jQuery, D3.js, Moment.js, Underscore.jsTools
Adobe Premiere Pro, Adobe Illustrator, Adobe Photoshop, Hammer for Mac, GitParadigms
Responsive Web Design (RWD), Search Engine Optimization (SEO), Model View Controller (MVC), Web Design, Functional Programming, ScrumPlatforms
WordPress, DrupalStorage
JSON, MySQL, CouchDBOther
Data Visualization, SVG, Data Cleaning, Data Mining, Data Analysis
Education
- Bachelor's degree in Mathematics and Computer Science2008 - 2012State University of New York at Potsdam - New York
