iamthuypham/betterlifevietnam

Thuy Pham Portfolio

Dependency Documentation

• react
• material-ui
• fortawesome v5

Environment Setup

Prequisites

• node
• npm
• git

Installation

Install npm modules:

npm install

Run

Development

npm start

Local server is accessible at http://localhost:8080

betterlifevietnam's Issues

Profile Component

Requried props:

• Title
• Background Image
• Button

Card Component

Required props:

• Title
• Children

Testimony Component

Required Props:

• Content
• Author
• Image

Volunteer Sign Up Form

Create Navigation Bar

• Add Menu

• Add Menu items

• Add Router

• Add animation when open/close the mobile menu.

Dropdown Menu Component

Required props:

• Menu name, ie: About, What We Do
• Items array, ie: [{ itemName: "Who We Are", link: ".../whoweare.html"}]

Action Component 2

Required props:

• Title, ie: Travel With Us
• Background Image, ie: /images/travelWithUs.png

This component will wrap around the Action Component 1 to get this result:

Info Component

Required props:

• Title
• Description
• Background Image, ie: ../images/image.png
• Image Align, ie: left | right

Create Header

• Add logos

• Add social media icons

• Add Donate button

• Click logo -> direct to Home route

• Also responsive!!!

Hero Component

Required props:

• Title, ie: BLV Books Library
• Background Image, ie: .../images/bookLibrary.png
• Content, ie: <Button>Follow Use</Button>

Action Component 1

Required props:

• Icon, ie: bookIcon
• Title, ie: BLV Books Library
• Description, ie: BLV creates classroom ...
• Button (please see Button component in a separate task)