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 |