Hi, My Name is Deon Leer

I'm a Full Stack JavaScript Developer,

and This is my Portfolio Site

me:)
View More

About Me

Me

I'm a web developer that recently graduated from Lighthouse Labs' Web Development Bootcamp. My passion for problem solving is what drove me to programming and web development. I enjoy building products that benifit others and create better user experiences.

This website is my first project post-graduation. I built it using JS, React.js, HTML, CSS and material-ui. In the near future I'm planning on learning Typescript, Python, and hopefully getting hired by you!

Outside of programming, I previously played hockey for 18 years, up to a junior B level, and I still enjoy watching and playing from time to time. Since I stopped playing hockey I've also picked up a huge interest in esports. Not only as a fan but also as a player, like last year when I competed and placed in the top 100 at an international Fortnite tournament in Anaheim, California.

Next

Projects

Here are 6 of my recent projects that I'm most proud of. I've included all github links as well as a toggling render of each ReadMe file.

NBA Dashboard

NBA Dashboard is an advanced analytics app made with React.js on the front end and Express on the back end. The data is processed from NBA and ESPN APIs and visualized using Material UI. Features include a homepage with game scores, standings and league leaders page, and an individual player page which shows a variety of player stats, including a shot map for the current season. Project built by Deon Leer, Colin Elsinga and Khanduulga Munkhbold in February 2021.

"Homepage"

"Player shot map"

"Video feature"

"Leader board"

Setup

Install dependencies with npm install in both react-front-end and express-back-end. Server: http://localhost:8000/

Dependencies

-material-ui/core -material-ui/data-grid -material-ui/icons -axios -node-sass -react -react-dom -react-material-ui-carousel -react-router -react-router-dom -react-scripts -react-tilt -react-transition-group -scss

-body-parser -express -nodemon

Personal Portfolio Site

My personal website with all of my contact info, projects, resumes etc. Will likely be a work in progress for my entire career.

Homepage

Buy & Sell App - Lighthouse Labs Midterm Project

Kigogo is a buy-and-sell app built with Node.js, Express and PostgreSQL. The app features a featured items homepage, along with the ability to view items, message sellers, and post an ad. In addition to these core features, users can favourite items to come back to later and can use the search feature to find specific items and filter them by price. Sellers have a converstations page where they can access their messages with buyers, and can mark items as sold, which will remove them from the site.

Final Product

"Homepage" "Item page" "Messages" "Search"

Dependencies

  • Node.js
  • Express
  • EJS
  • pg
  • pg-native
  • chalk
  • body-parser
  • cookie-session
  • dotenv
  • morgan
  • node-sass-middleware

Getting Started

  • Install all dependencies (using the npm install command).
  • Run the server using the npm run local command.

Interview Scheduler

Interview scheduler is a singple page application built with React. It uses an API server with a PSQL database. It uses jest and cypress testing

Final Product

"Screenshot of initial page" "Interview form" "Interview added" "Delete confirmation"

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Tweeter Project

Tweeter is a simple, single-page Twitter clone. Type any tweet you want, hit submit and the page will post the tweet with an auto-generated name and handle!

Getting Started

  1. Fork this repository, then clone your fork of this repository.
  2. Install dependencies using the npm install command.
  3. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
  4. Go to http://localhost:8080/ in your browser.

Dependencies

Screenshots

"Screenshot of desktop version" "Screenshot of mobile version"

Jungle

A mini e-commerce application built with Rails 4.2 for purposes of teaching Rails by example.

Homepage Cart Order

Setup

  1. Run bundle install to install dependencies
  2. Create config/database.yml by copying config/database.example.yml
  3. Create config/secrets.yml by copying config/secrets.example.yml
  4. Run bin/rake db:reset to create, load and seed db
  5. Create .env file based on .env.example
  6. Sign up for a Stripe account
  7. Put Stripe (test) keys into appropriate .env vars
  8. Run bin/rails s -b 0.0.0.0 to start the server

Stripe Testing

Use Credit Card # 4111 1111 1111 1111 for testing success scenarios.

More information in their docs: https://stripe.com/docs/testing#cards

Dependencies

Resume

Here is a link to my resume. Or, alternatively, it can be viewed below.

Next

Contact Me

github
linkedin
Back to top