daniellehoo/designhaus

Project 4: DESIGNHAUS

Project Description

Title: DESIGNHAUS

About: DESIGNHAUS is a sleek application that provides design inspiration to creatives

Path CRUD Diagram

Application Components

• Landing/home page
• User page
• Individual design category page
• Login/authentication (tokens/JWT)
• Logout
• CRUD(create, read, update, delete) functionality in React.js
• Ability to add favorites and add collections of design objects

Deployed App

Whiteboarding: Wireframes/User Stories and Priority Matrix

Technologies, APIs, and Modules Used

Modules Used:

• React.js (front-end)
• Firebase (a framework for CRUD functionality on a server/database)
• Eslint (used for linting//cleaning code)
• React-DOM (package that serves as the entry point of the DOM-related rendering paths)
• React-Router (declarative routing for React)
• React-burger-menu (a plugin for creating a burger menu)

DESIGNHAUS 2.0 Features and Fixes

• React Native//mobile version

MVP

• REST API in Firebase
• Full CRUD Functionality in React
• Firebase Database
• Firebase Authentication
• CSS and styles

POST MVP

• Mobile Version of DESIGNHAUS built in React-Native
• Drag and drop capabilities

Tutorials Used: https://www.codementor.io/yurio/all-you-need-is-react-firebase-4v7g9p4kf https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial/ https://tighten.co/blog/react-101-part-4-firebase

Component	Priority	Estimated Time	Actual Time
README and Wireframes	H	1 hrs	TBD hrs
Build Out Firebase Data	H	2 hrs	TBD hrs
Build Out Server	H	2 hrs	TBD hrs
React Views	H	8 hrs	TBD hrs
Page Layout/Design	M	4 hrs	TBD hrs
CRUD functionality	H	8 hrs	TBD hrs
Authentication	M	10 hrs	TBD hrs
Total		38 hrs	TBD hrs