jon collins

PROGRAMMER FULL STACK DEVELOPER

About me

Hi! I'm Jon!

I am a full stack MERN developer. I love to build things, and I believe that a desire to never stop learning is one of my strongest assets. I have experience with the following: JavaScript, React, VueJS, NodeJS, MongoDB, FireBase, MS SQL Server, Express Server, SQL, HTML, CSS, SCSS (preprocessors), Gatsby and GraphQL, CDN and Serverless, Netlify, Strapi, Shopify, NPM, Yarn, Webpack and bundlers, Command Line, Version Control Systems (Git, etc), and Jest Test Framework. I am PSM1 Scrum certified (agile) and am working to finish my PSD certification. Recently, I built my own blog site using GatsbyJS, and Strapi as my headless CMS. Make sure to head over there from the menu to see some of the articles I've posted!

logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo

Toys R Us

Logistics Data and Inventory Control

Worked on early inventory systems and data object modeling for store logistics and performance tracking. Built a rudimentary program for department heads to track damaged inventory and repair tickets.

Linsco Private Ledger

Broker and Data Analyst

Worked as a FINRA registered broker and financial data analyst. Built my own custom VBA scripts to manage large data sets for consumer and customer trends as well as financial instrument assessments.

Maines Paper and Food

SAP Vistex Performance & Data Analytics

Worked within several levels of the organization building products from truck trackers using detailed API's, to an advanced program dashboard and communication system (think Trello boards). Additionally, I also built/maintained programs within SAP.

Lineage Logistics

Systems Administrator

Worked as Systems Administrator for large scale logistics company. Developed/maintained key programmatic and business functional systems related to data flow and data consumption. Helped to onboard new systems/new software deployments within the company.

my projects

things I've made...
hosted via free dynos - allow for possible load times

Shopify shop

Hat Attack is a Shopify build that utilizes React, Gatsby, GraphQL, Styled Components, and the Shopify API to create a store front for the fictional company Hat Attack. As my first dive into Gatsby, GraphQL, and Shopify, I followed a course by UK Developer Tom Phillips, but tried to make it my own by introducing better (in my opinion) cart logic, and a number of UX enhancements for users on small screens, such as a dynamic modal component and a cart item quantity indicator. I also designed the custom Hat Attack icon and a specialized footer component.

Hat Attack Github
Movie Partners

Movie Partners is an advanced React web application that also has a custom backend API using NodeJS. The backend talks to a MongoDB NoSQL database and uses Mongoose for data models and queries. The frontend uses technologies such as React Router, custom SCSS, CSS Grid and Flexbox, and uses the React Context API for state management. This advanced application allows you to create collections of watched shows and movies, see trending movies and shows, browse content by categories, offers advanced sorting by popularity or ratings, and even allows for creating and sharing unique watchlists with other users on the app!

Movie Partners Github
Culchr

Culchr is a React web application I built with custom CSS. It uses technologies like React Router, SCSS, CSS Grid, and JS Data Structures. This application will help you build a silly company value proposition and will even let you share the results via custom query string params.

Culchr Github
Shortly

Shortly is a Vue web application I built with custom CSS styling and animations. Shortly uses basic Vue methods and is hooked up to a custom built NodeJS API I constructed as well as a MongoDB NoSQL database. This application is designed to store user/automated slugs with defined URL's to create a URL shortener. I built the interface to allow for slug and url searches and pagination.

Shortly Github
Badly

Badly is a React web application I built with custom CSS/SCSS styling and animations. Badly uses technologies such as React Router, a scroll to top module, a sticky scroll navbar, modals, and uses local storage to store the most recent user interaction. This application is designed to provide you with bad start up ideas that will absolutely fail. It uses a unique algorithm to return a bad start up idea based on user interactions with the app.

Badly Github
SocialDevs

SocialDevs is an advanced React web application I built with custom CSS/SCSS styling. SocialDevs has a large project architrure with many components, action types, and reducers. SocialDevs uses technologies such as React Rouer, Redux, Thunk Middleware, a custom NodeJS API and MongoDB backend. SocialDevs also employs full authentication and user profiles as well as a robust user forum for chats and messages.

SocialDevs Github
Bad Robot

Bad Robot is a fairly basic React web application and my first foray into the React framework. While not exactly portfolio worthy - it holds a certain nostalgic value. Bad Robot is a true SPA and simply allows the user to make a list. Bad Robot will then select and item off that list at random. Or will it...?

Bad Robot Github
Expencils

Expencils is a robust React application that uses technologies such as React Router, Redux, Thunk, Google Firebase for authentication, Google Firebase for real time database. The application is a fully formed expense tracker with reducers and selectors that allow for advanced filtering and sorting. Expencils uses external date libraries to provide a smooth UI/UX when creating and searching for expenses. For fun, I take your expenses and show you how many pencils said expenses equal out to. Hence Expencils!

Expencils Github
Useddit app

Useddit is a robust full VueJS application (not the cdn) that uses technologies such as Vue Router, Vuex, VuexFire, Google Firebase for authentication, Google Firestore for completely synced database with app state. The application is a fully formed Reddit clone complete with custom styling and a custom Light/Dark Theme switcher. Useddit uses Google Firebase/Firestore for a smooth user experience and combined with VuexFire allows for real time syncing of app state with the backend cloud database!

Useddit Github
Newbsanity app

Newbsanity is a massive React application built for a small business owner in my area. The application includes technologies such as React Router, Redux, Thunk, authentication, and so much more. This application is massive in scale and includes a member forum for discussions, custom profiles with custom avatars, event signups, custom user/admin contact with Sendgrid and a complete custom backend API for database integration and Admin content management! The application also features a number of non-user content like basic business details, contact forms and animated event menus.

Newbsanity Github

contact me

lets work together!

Email: end0flin3@icloud.com
Phone: (607) 621-1660

send me a message!