︎

F U L L  S T A C K   S O F T W A R E   E N G I N E E R



Ruby  |  JavaScript  |  React
Redux  |  SQL  |  MongoDB
Mongoose  |  Express  |  Node.js
Rails  |  HTML  |  CSS



ZENTEREST


Type: Single Page Web & Mobile Application

Frontend Software: React,
React Native with Redux

Backend Software: Ruby on Rails, PostgreSQL, AWS

︎︎︎ L I V E  S I T E 


︎︎︎ G I T H U B 


︎︎︎ W I K I 



Zenterest, a Pinterest inspired web application that allows users to create, organize and share content through personalized user boards. Zenterest’s backend & frontend were built from scratch without the aid of bootstrap or prebuilt components.

PIN-INDEX | WEB BROWSER




• Prioritize app scalability by designing a flat and seamless PostgreSQL database state shape, then implement joins-tables and many-to-many relationships within Rails backend models.


• Implement AWS as a strategy to outsource images and heavy assets to streamline Heroku server connection.


PIN-INDEX | MOBILE COMPATIBILITY

SAMPLE STATE: 
{
 entities: {
  users: {
   1: {
   id: 1,
   username: “zen”,
   email: "zen@zenterest.net"
  },
  pins: {
   8: {
   id: 8,
   title: “the goldfinch”,
   description: “carel fabritius, oil”,
   authorId: 1
  },
  boards: {
   3: {
   id: 3,
   title: “dutch oil paintings”,
   description: “dutch golden age”,
   authorId: 1
  },
  boardPins: {
   1: {
   id: 1,
   pinId: 7,
   boardId: 3
  },
 ui: {
  loading: true/false,
  modal: true/false
  },
 errors: {
  login: [“Incorrect combination"],
  pinForm: ["No Image Attached"],
  boardForm: [“Title cannot be blank”]
  },
 session: { 
  currentUser: 25 }
 }


BOARD-SHOW -> PIN-SHOW MODAL NAVIGATION





PIN-FORM | USER PIN CREATION




FRONTEND DESIGN | REACT COMPONENT PLANNING





BACKEND DESIGN | RAILS|REDUX -> REACT CONNECTION
cole wendling | cole@wendling.io