Aihua0055 / PlantDataBank

CS410~FullStack Final Project

PlantDataBank

Full Stack Web Development ~ Final Project Fall 2020 Authors: Iris Li, Yufei Tao, Liam Rotchford

Project Concept:

Utilizing the Trefle api; create a minimalisic, simple, and accessible web application for users to quickly gather plant inforamtion and specificaitons.

Deployment:

• https://plantbank.herokuapp.com/

To Run Project Locally:

1. Be sure to have the following installed: NodeJs, Express, Npm, Nodemon, & Axios

2. Run the project web server with: nodemon start

3. Navigate to the following: http://localhost:3000/

Languages, Frameworks & Libraries:

Languages:

• EJS (HTML)
• CSS
• Javascript

API:

• Trefle

Frameworks, Libraries, & Utilizations:

• NodeJS
• Express
• Heroku
• Bootstrap
• Font Awesome

Npm Packages:

• Nodemon
• Axios

Additional Resources Used:

Resources:

• ColorHexa
• Flaticon
• Icon Library
• Freepik
• Bootstrap Card Carousel
• Mozilla Developer Documentation

Accessiblity:

• Accessible Rich Internet Applications (ARIA)
• WebAim Contrast Checker
• Wave Accessibility Check Extension