Campfire hosting: web design
TIMELINE: June - August 2023
PROJECT TYPE: Internship
SKILLS: Figma, React, Typescript
the startup
I worked for a startup building a unique server hosting model. The service is called "Campfire Hosting" and it's a Minecraft server hosting service where you "pay for what you play". Most Minecraft server hosts require you to pay an upfront monthly fee for a game server that is up 24/7. With Campfire Hosting, customers only pay for the time their server is up. This means customers who play on their server for a couple hours will only pay a few cents instead of $20/$30/$50+, as they would with a standard hosting service.
my role
I worked on both front-end and back-end for the website. I designed web pages in Figma and then translated my designs into code using React TypeScript.
MY WORK
I’ll walk you through an example of one web page I developed: the File Manager Page
STEP 1:
Given the style guide and design requirements for this page, I created an initial design in Figma. I submitted my design to the team Github and my supervisor gave me feedback. I refined my design based on the feedback he gave me —>
STEP 2:
Then I created my initial layout in code, using the Chakra Figma UI kit to translate components into blocks of Typescript code in React. I loaded data from the backend using an endpoint.
STEP 3:
Next, I added the add/delete user buttons. First I designed the modals for these buttons in Figma, and then I translated those into code. Next, to make the add/delete user buttons actually add and delete users from the backend, I created a user request body and connected endpoints from the backend (I wrote a lot of code).
STEP 4:
Lastly, I made the table of users update when a user is deleted or added (this also took a lot of code). I also implemented password and username limitations (Password must be between 3 and 128 characters, Username must be between 3 and 50 characters, username must not already exist).
