intro
Hi! hire me to work for your company, I have experience in React.js, Firebase, Express, PHP, MySQL, as well as building custom sites and plugins in Wordpress and Elementor. I will not rest until I squash all your software bugs, and fully optimize your codebase! I literally loose sleep at night when software is not working properly. In my freetime I enjoy thinking about ways to write more efficient algorithms, so you can definitely count on me to get the job done! I have built large custom fullstack applications in React and Express as well as in PHP Mysql that implement Geolocation, IVR systems and SMS messaging, Progressive web apps, Payment integrations, and Workflow automations. I probably have more experience than your average bootcamp graduate or college undergraduate, so give me a chance to show you what I can do for your company!
Web and Application development:
- Javascript
- React.js
- Node.js
- WAMP Stack
- PHP, MySQL
- API integrations
- Basic Git and Github
- Progressive Web App
- Geolocation
- Workflow Automation
- Custom Wordpress and Plugin Development
Foreign Languages:
- English
- Spanish
- Hebrew
- Arabic
- French
- Portuguese
- Russian
- Persian
Engineering Principles:
- OOP
- Functional Programming
Work
React and Firebase Progressive Web App, with IVR system scheduling, Web Push, Twilio, SendGrid, and Paypal integration
- Tags
- Coding and Design
- Technologies
- React, Maps, Express.Js, Firebase, Twilio, Sendgrid, Paypal
- Categories
- Front End Development, Back End Development, Logo Design
- Link
- Leasewarehouses.net
- Medium.com Article
- Article on progressive web apps
- Buisness Solution
A local real estate company that wanted a dynamic listing platform, as well as scheduling and the ability to charge for rental applications or issue coupons for free showings to realtors.
- Project Description
Lease Warehouses is a Full stack React.js firebase application with complete IVR system that confirms and cancels meetings, texts directions to chosen buildings where a meeting is scheduled as well as a reminder 24 hours before the meeting takes place. The app utilizes web push notifications, puppeteer, twilio, paypal and google maps api.
A manager has the option to take payments for a commercial leasing application or use the coupon feature to generate a free booking ticket. Upon making a booking puppeteer will generate a copy of the map and sendgrid will email that copy along with the chosen building space plan to the individuals email adress.
If a customer entered a cell phone in the paypal api form, twilio will utilize sms messages to text a link that can be used while driving to navigate to the chosen building with the space for lease along with prompting the user to cancel or confirm the meeting. If the customer entered a landline when the payment or free form was filled out twilio API will utilize voice IVR to complete the cancel/confirm appointment feature. The card component on the map also updates the data to show available spaces and calculates the rent.
- Improvements
- Firebase/Create React App stack might not be the best stack for implementing SEO out of the box, it does not come with server side rendering. I implemented some of these features manually i.e. React-Helmet for SEO, and prerender.io. Firebase/React is a good enough stack for an internal company app, but something like Next.js is better for production apps.
A free listing platform for real estate for sale and for lease, any user can sign up and list spaces.
- Tags
- Coding and Design
- Technologies
- PHP, MySQL, Javascript, Jquery
- Categories
- Front End Development, Back End Development, Full Stack Development
- Link
- Listing-app.com
- Buisness Solution
Provide a free platform for anyone to easily list, and search for real estate for sale and for lease.
- This Application fulfills the following user stories:
- A user can register for an account and login using email and password
- A user can register for an account and login using social authentication (Facebook, LinkedIn, Microsoft Outlook 365)
- A user can Create, Read, Update and delete his buildings through the User Dashboard
- An interested potential tenant can send out an email to the listing agent through the application
- A user can Create, Read, Update and delete units belonging to individual buidlings through the User Dashboard
- A user can Upload multiple images Belonging to a building
- A user can Upload multiple images Belonging to an individual Unit in a building that he has listed for lease
- A user can set a featured image for a building as well as a featured image for an individual unit
- There is a gallery for each building, as well as a gallery for each individual unit created from the uusers uploaded photos.
- I can search the map by location and the map will tell me how many buildings were found in that particular search area
- After a search the map will display the city borders within a polygon drawn upon the map
- A user has the ability to publicly share a link of a map that show only his listings
- I can get directions to any listed building
- No one outside of the app sponsor can list any buildings within 5 miles of the main business location
- A superAdmin has the ability to delete a user and all his buildings and spaceplans
- If I am a first time user that has logged in to the user dashboard i will get a tour showing me how to use the admin dashboard
- Improvements
- It is a fairly in depth application. Would be great to have some funding for it in order to be able to work with other programmers in order to organize, refactor the code and complete the project, convert existing procedural php code to object oriented php. Remove unused css. Run Webpack. Remove and consolidate repeated code.
Multi Step form built in React.js
- Tags
- Coding and Design
- Technologies
- React.js, React Select, Express.Js, Next.js
- Categories
- Front End Development, Back End Development, Design
- Description
Multi Step Form incorporated into a portfolio project. Features css animations, React Select, React Phone Input, React Credit Cards.
- Live Link
Multi Step form in react with css animations, form validation, and custom effects, check out the credit card animation in the payment form at the last step. To use go back to the homepage of this site, select the 'contact option' and start filling out the form.
- Improvements
- Further extract components, Update from Class based components to use hooks. original repo this website is based off of is outdated.
Auth 0 todos fullstack MERN application- fullstack todo application implementing social login, and auth0 as authentication API.
This application is a combination of two seperate tutorials:
FullStack react todo tutorial - Credit Cody Sibert
Auth 0 basic app startup - Credit Auth 0
- Tags
- Coding
- Technologies
- MongoDb, React, Auth0, Express
- Categories
- Full Stack Development
- Link
- React Auth0 todos
- Buisness Solution
Learn to use Auth0 api by creating a full stack todo application
- This application fulfills the following user stories:
- A user can login using social login or email/password
- A user can create read update and delete his todos
A wordpress plugin i developed for a business to list their jobs completed as a custom post type on a map, takes a 'city' parameter from a shortcode.
- Tags
- Coding
- Technologies
- PHP, Wordpress, Advanced Custom Fields, Plugin Development
- Categories
- Front End Development, Back End Development, Full Stack Development
- Live Link
- Map as shown being used on the homepage of a website
- Repository
- Wordpress Map Plugin
- Buisness Solution
Exterior Remodeling and construction company will be able to easily add custom post 'Job' types to their map, they will be able to add a map to any page in the 'service area' category and specify which jobs to be shown on the map by passing a 'city' parameter as a shortcode.
- The Plugin fulfills the following user stories:
- A signed in wordpress user can add the map plugin as a shortcode to any page through the wordpress editor or through a page builder i.e. Elementor
- You can pass the shortcode a city parameter and the map shown will display all the custom post type 'Jobs' completed in that city
- If a city is not passed as parameter the map will default to show all Jobs
- Plugin will show jobs created through custom post types
- A user can click on a map icon and have an option to be taken to the custom post associated with that location
- Plugin will display the number of jobs completed to the user
- Improvements
- Plugin gets all the Jobs custom posts and then only afterwards does all of the filtering relative to the parameter passed to the shortcode. It may be better to initially retrieve from the database all the Jobs that are of a particular city i.e. SQL WHERE Query
Pokemon application built in Next.js deployed on Vercel
- Tags
- Coding
- Technologies
- React.js, Next.js, API integration
- Categories
- Full Stack Development
- Live Project Link
- Next.Js Pokemon application deployed on Vercel
- Project Repository
- Pokemon Github Repository
- Purpose
Learn to use Next.js
Reverse engineer a 70+ page website built in ASP .NET framework within a one week time crunch
- Tags
- Coding
- Technologies
- PHP, Javascript
- Categories
- Front End Development, Back End Development
- Buisness solution
A chicago based company did not want to continue paying their monthly 700$ fee to spectrum time warner. They had the rights to all the content of the site but did not have access to the backend. I copied the front end of the website unminified the js code and rewrote all the ajax calls to make sure their 100+ "get a free quote" forms would still work. A week later I was tasked with converting the reverse engineered website into a wordpress website with very similar styling to the original site.
- Live Link to copied website
- https://srsexteriors.com/old/
- Improvements
- Since this website is no longer being used and has been converted to wordpress, no improvements are necessary. For the new wordpress website the following improvements could be made:
- replace all canned content and photos with original content
- add valuable and informative content in the form of custom posts for desired rankings in the particular niche
- Increase page speed by optimizing images, reduce the number of 3rd party plugins being used, or program the functionality organically. Use Lighthouse extension for chrome to benchmark speed and make improvements over time.
Elementor buttons creation widget for Elementor page builder using repeater fields, allows a user to create buttons and link to existing pages
- Tags
- Coding
- Technologies
- PHP, Wordpress, Elementor Development
- Categories
- PHP development, Elementor Development, Wordpress
- Repository
- Custom Elementor Widget
- Buisness Solution
Chicago based Exterior Remodeling and construction company will be able to easily add button links directly through their wordpress page builder without having to deal with html and css, button links will mimic the styling of the buttons as seen on their old website.
MapBox 3D Application with QGIS , geolocation of spaceplans on the map, 3D extrusions, tooltips on hover, nightmode and satallite view
- Tags
- Coding
- Technologies
- MapBox Api, QGIS, Jquery
- Categories
- Front End Development
- Project Demo
- Map Box App Demo
- Buisness Solution
Show Potential tenants a visual representation of a commercial warehouse. The company wanted a way to visually convey to potential tenants how a large warehouse was broken down into smaller units. And what the current build out looks like. They also wanted a way to integrate that with the current unit space plans.
- Project Description
A Floor plan of the warehouse was located on the map using QGIS. Extrusions were drawn out in JSON using mapbox api and placed on top of the spaceplan. A fly to effect is applied when the building marker is clicked. Tooltips appear when an individual space is hovered and the space details update in the header. When a space is clicked on the map, an icon lights up in the footer and you can click to open a window displaying the spaceplan that was clicked as well as the streetview.
- Improvements
- There was an issue with the 3d extrustions displaying properly on some apple phones that needs to be fixed before deployment.
Wordpress & Firebase Rest API
- Tags
- Coding
- Technologies
- Wordpress, Firebase
- Categories
- Front End Development
- Project Demo
- Wordpress Rest Api Search Buildings on leasewarehouses
- Repository
- Wordpress/Firebase Rest Api Repository
- Buisness Solution
Give a potential tenant an interface to quickly search through all buildings listed in the database of another website.
- Project Description
Makes a GET request to firebase database, and outputs all the availabilites on a wordpress website in a table, has search and filtering capabilites. Users can search buildings by name or description, or units by name, price, or size.
3D floor plans business directory.
- Tags
- Coding, Design
- Technologies
- Animation Template, CSS, Javascript, Code Drops
- Categories
- Front End Development
- Live Link
- 3D Floor plans of spaces and businesses in a commercial building
- Original Article
- Interactive 3D Mall Map
- Project Description
Display an office building lay out in the form of a 3D map, and layered Spaceplans, a user can search for a business in the building using the search form at the top. As well as go through the different levels of the building for a visual interpretation. Click anywhere on the intro screen to skip the introductory animation and go to the space plans.
Turn on the lights in a warehouse using GreenSock and codepen.
- Tags
- Coding, Design
- Technologies
- Codepen.io, GSAP, Javascript Animation
- Categories
- Front End Development
- Live Link
- Codepen Link
- Project Description
Creative coding exercise using GSAP (greensock animation platform), and SVG. Check out the logo animation intro and the lightbulb flickering, and overall lighting effects in the warehouse.
- Improvements
- Perhaps adjust the timing of the flickering, refactor the code. Overall it looks like a scary movie, and the dusty warehouse adds to the effect. Add a mouse scuffling across the floor for humor.
Landing page for a web designer built on the codepen platform featuring SVG effects, best viewed on Chrome Desktop
- Tags
- Coding, Design
- Technologies
- Codepen.io, GSAP, SVG, Javascript Animation
- Categories
- Front End Development
- Live Link
- Codepen Project Link
- Project Inspiration
- Tympanus SVG overlay effects article Codrops
- Project Description
Creative coding exercise using GSAP (greensock animation platform), and SVG. Landing page prototype that was built for a web designer, press the hamburger menu icon to see the overlay effects, move the mouse around various parts of the page to see the lighting effects in the background behind the designer's name, and hover over the designer on the main page for bubble effects.
Promo Logo Animation for a Real Estate Company
- Tags
- Coding, Design
- Technologies
- Codepen.io, Animations
- Categories
- Front End Development
- Live Link
- Real Estate Promo Animation
- Project Inspiration
- Dev Tips Logo Animation Tutorial
- Project Description
Creative coding exercise using CSS animations Logo intro and forwards to a Wordpress Landing Page.
About
Abe enjoys studying foreign languages, travel, and teaching martial arts.
Certifications
Certifications and Education
Contact