Evan Genest

evan genest headshot

Back end web technologies: PHP, Symfony, Node.js, SQL, Linux, Apache, Nginx,
Front end web technologies: Javascript, Elm.js, CSS flexbox, Bootstrap

Restaurant menu

  • Restaurant menu
  • CSS done with floats
  • This was my first AJAX in the frontend
  • Be sure to explore my menus to see the AJAX!
  • Click to run

ZumTum project

  • Browser app for taking notes
  • Inspired by my love of the Cornell Notes system
  • CSS based on a template from 3rdWave Media
  • Data is all front end; no persistance
  • Click to run

Animated image flipboard

  • I wanted to imitate something cool from Codepen.io
  • I started by studying their JQuery animation
  • I rewrote this in JS to avoid JQuery library
  • Click to run

Elm page

  • Elm.js is a compiled front end language
  • My UI combines search and update in the same field
  • Click it and try searching for some common words

Forty small Javascript exercises

These were done as daily exercises solving JS algorithms: trying recursion, trying to rewrite loops with functional paradigms, trying design patterns, et cetera. But they also ended up being a quickie one-day exercise in design and CSS each time too. So they are enjoyable for both aspects!

  • Six solutions in a tabbed style
  • How Similar Are Two Word Lists
  • Scrollable ES6 Notecards
  • First Word, Last Word
  • Flipping Cards
  • Twins
  • Plant some seeds
  • World Population (React)
  • center.html
  • rReactNodeMakerNOJSX.html
  • cardOverAbe.html
  • readMe.md
  • rLoremIpsumGenerator.html (React)
  • wordsFromString.js
  • twoTimers.html
  • rAddStar.html
  • centering-old.html
  • logo-jumble.html
  • button-changes-style.html
  • redCenteredDivs.html
  • sameEnd.js
  • red-count9s.js
  • countX.js
  • button-to-change.html
  • knightDivers.html
  • shadow-gray.css
  • slocure.js
  • firstHalf.js
  • bloxColorer.html
  • button-changes-style.html
  • recur-count9s.js
  • red-count9s.js
  • parenBit.js
  • loneSum.js
  • bigDiff.js
  • copies3.js
  • countReduce.js
  • colander/
  • countX.js
  • recursiveTriangle.js
  • foodTopping.js
  • foreignMap.js
  • thisSummer.js
  • stayPositive.js
  • fewTeens.js
  • shortestLoopEver.js
  • maxMod5.js
  • three3s.js
  • elloOrld.js
  • arrayFront9.js
  • do.js
  • index.html
  • nouns.js
  • aliceServer
  • meritRegex.js
  • scoresClumped.js
  • drill-typeof-ch1.js
  • lightBulbs.js
  • isEverywhere.js
  • parens.js
  • lucky8s-recursive.js
  • bunnyEars.js
  • arrayInArray.js
  • makeBricks.js
  • implementMap&Filter.js
  • mixStrings.js
  • endsSameArray.js
  • sumArrays.js
  • fizzBuzz.js
  • arraysFirst.js
  • sumDouble.js
  • sleepIn.js (September 2018)
  • Code for these is at: Github.

To see the code for all of these, click here