Zenterest is a Pinterest-inspired web app where users create, organize, and share content through custom boards. Both the frontend and backend were built from scratch without using Bootstrap or prebuilt components.
PIN-INDEX | WEB BROWSER
• App scalability was prioritized by designing a flat, seamless PostgreSQL database structure, followed by implementing join tables and many-to-many relationships within Rails backend models.
• AWS was implemented to outsource images and heavy assets, streamlining the connection to the Heroku server.
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,
modal: 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
