Andrea-portfolio

• Overview
• MVP
  • Libraries and Dependencies
  • Client (Front End)
    • Wireframes
    • Component Tree
    • Component Architecture
    • Time Estimates
  • Server (Back End)
    • ERD Model
• Post-MVP
• Code Showcase
• Code Issues & Resolutions

Overview

Andreallt Portfolio Passionate and experienced in visual design and media. This portfolio showcases some of the projects that I have collaborated on or developed.

MVP

Portfolio MVP:

• Full-stack app
• Full-CRUD app
• Utilize a RESTful JSON API
• React on Rails stack
• 8 React components
• Desktop and Web design

Libraries and Dependencies

Library	Description
React	Front-end development with Javascript
Axios	Http request for front-end
CSS	Styling front-end
React Router	Connect components using links and routes
Ruby on Rails	Back-end server/api

Front End

Wireframes

Desktop & Mobile

Component Tree

Component Tree

Component File Structure

src
|__ components/
      |__ Header.jsx
      |__ Nav.jsx
      |__ Layout.jsx
      |__ DesignerProject.jsx
      |__ DeveloperProject.jsx    
|__ screens/
      |__ Home.jsx
      |__ Designer.jsx   
      |__ DesignerDetail.jsx  
      |__ DesignerEdit.jsx  
      |__ DesignerDelete.jsx  
      |__ DesignerCreate.jsx  
      |__ Deveoper.jsx 
      |__ DeveloperDetail.jsx  
      |__ Chat.jsx  
|__ services/
      |__ apiConfig.js
      |__ designerProjects.js  
      |__ developerProjects.js

Time Estimates

Task	Priority	Estimated Time	Time Invested	Actual Time
Build backend	H	3 hrs	TBD	TBD
Create CRUD Actions	H	3 hrs	TBD	TBD
Front-End	H	6 hrs	TBD	TBD
CSS	M	1.5 hrs	TBD	TBD
Chat Form	L	1 hrs	TBD	TBD
Media Queries	H	3 hrs	TBD	TBD
Linting	L	1/2 hrs	TBD	TBD
Deploy	H	1 hrs	TBD	TBD
Debug	H	4 hrs	TBD	TBD
TOTAL		23 hrs	TBD	TBD

Server (Back End)

ERD Model

ERD

---

Post-MVP

• Create a fullCRUD chat section to connect with viewers
• Incorporate animations
• Filter projects by theme

---

Code Showcase

Use this section to include a brief code snippet of functionality that you are proud of and a brief description. TBD

Code Issues & Resolutions

Use this section to list of all major issues encountered and their resolution. TBD