Skip to content
Luke Nitmann First Project
Luke Nittmann First ProjectJason Walls First Project
More
Share
Explore

Luke Nittmann First Project

Scope - First Project

Implement Initial Front-End for Photo Studio

Process:
Sign NDA
⁠
Glossi Form Mutual NDA - Template.pdf
⁠
⁠
Signed:

Complete
⁠
(US Contractors)

Send Questions for Scope Refinement
Project pricing finalization ($50 an hour)
Contract (dually signed)

Onboarding Tuesday March. 29
Fill out a W9 prior to receiving payment
Passport or Birth Certificate / License

Role: Part-time employee, 30+ hour / limit a week

⁠
Description: A test that goes over all skillsets necessary to succeed here at Glossi, balancing interactions between web, unreal, front-end and backend.

Goal: Implement 'pixel-perfect' photo studio UI based on Figma designs.

Figma Reference (to go over with Will):
⁠
⁠

This would cover:
- Attention to detail with matching wireframes to a mockups as closely as possible
- Working independently with little to no direction
- Your ability to improvise where needed when a design/requirement doesn't include all cases
- Write CSS that works in multiple browsers (Chrome, Firefox, Safari)

Expectations:
Interface with Unreal Team (Noah and Trevor), Head of Dev (Thomas), and Chief of Product (Jake).
Collaborate with Will on editor designs and component structure.
Share ideas on approach and best practices to inform team and process (ie. something you see that can be simpler or better? - let us know!)

Phase 1: (2 Weeks)
Build 'Glossi Studio' Interface based on Figma prototypes, covering photo studio and string of shots
Dropdown components: Backdrop, Variant Select, Style (Color Picker)
Dropdown Reference (from Pitch App):
⁠
CleanShot 2022-03-28 at 12.04.34.gif
⁠
⁠
CleanShot 2022-03-28 at 12.03.34.mp4
8 MB
⁠
⁠
Detail view: Bookmark Functionality, Camera Roll, Batch Export
This will require close work with Will (Head of Design) as there will be frequent iterations and changes


Phase 2: (1 Week)
Connecting Glossi Web App to Unreal Instance with Meta Editor
Re-theme MUI components (Material Design UI) to match our design system - Vanilla CSS
Import Meta Editor React component and ensure that the component can connect to EC2 pixel streaming instance
Implement that all Studio functionality use cases (See Figma)






Related Docs
A framework for radical focus.
$10k Work: How to increase your productivity using the magic of leverage
Khe Hy
Three simple tips to ensure you're driving results from written documents.
Two-way writeups: Coda’s secret to shipping fast
Lane Shackleton
A tutorial on how you can sync and analyze your Peloton workout stats into Coda with custom dashboards using the unofficial Peloton API.
Peloton Analytics Tool for Workout Stats [+Template]
Al Chen
Mental Health Awareness Month
Jamie Forseth
Four Myths of Bundling
Shishir Mehrotra
OTF Planner (otfplanner.com)
Kenny
This generator randomly pulls from my collection of favorite quotes, just over 397 as of February 2022. Come back every so often to copy new additions.
Random Quote Generator
Mark Davis
SpotRacer Database
kev null
Founders Mindset Bootcamp Shared
Nathalie Rafeh
Framework for better 1:1 meetings & tracking progress to goals
1:1 & Career Development Template
Eric Glick
My guide to achieving and maintaining Inbox Zero.
The Inbox-Zero Challenge: How long can you keep up your streak?
Shishir Mehrotra
Here's a list of amazing people affected by the recent layoffs.
Hiring List Template
SiNing Chan
BlockSplit Info
Block Split
Use this doc to easily make and manage the guest list for your next big event.
Easy RSVP Tracker with the Gmail Pack
Kay Diaz-Ferrigno
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.