takuyadev / sharestation-frontend

Share your desktop station with the world, a retake / revamp project from BCIT 4th semester at Web Development.

Repository from Github https://github.comtakuyadev/sharestation-frontendRepository from Github https://github.comtakuyadev/sharestation-frontend

ShareStation

Summary

Academic project | Mar 2021

  • Front-end Developer: Rina
  • Back-end Developer: Takuya
  • UI Designer: Seunghee

The Community

The community we are targeting are

  • Creatives that are experiencing a shift to working remotely

  • Currently working from home, office, etc.

  • Anyone who has to work behind a computer.

The Niche

Computer “stations” and organizational habits that our target niche have in their offices or homes, most likely behind a computer and working at one.

This includes: Monitors, Computers, Desks, Organizational Forms, Sticky Notes, Journals, Software, etc.

The Solution

ShareStation allows users to share their “stations” via photos and text to help others with organizational habits behind the desk or station. The goal being that users can view other’s workstation (They can share their stations) which will help other users improve their own stations.

Demo

created

Created all of the 20 components and 3 pages for the single page application using usStates, handlers, useEffect, router and route
Collaborated on the post and get data using axios, token, await, async and session with a back-end developer

Language & Framework

React, Javascript, styped-components, scss

Organization

This project follows the Atomic Design system for component organization.(resources below).

Installed

$ npx create-react-app
$ npm install styled-components sass --save
$ npm install axios --save

Draft plan on Figma

About

Share your desktop station with the world, a retake / revamp project from BCIT 4th semester at Web Development.


Languages

Language:JavaScript 91.5%Language:HTML 6.9%Language:CSS 1.6%