Scribd
Upload
27 views6 pages

Write-Up Final Project v3 3

Uploaded by

api-635252807
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
27 views6 pages

Write-Up Final Project v3 3

Uploaded by

api-635252807
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Final Project

Team 8
Initech Travel Website
Team Captain: Kevin Helm
Team Members: Brandon Hazelton, Jasper Dolar, YiOnni Redmon

Rubric: Final Report must include Title, Description, Task distribution, Changes from original
design, Database Schema and Screenshots of finished product

Title: Initech Travel

Description:

A travel website that displays more than 250 real world popular destinations around the world. The
destinations are classified into five different categories.

Website features:

- Autosuggest/autocomplete feature when a user begins typing to search for a destination.


- “What’s Nearby” button allows user to search other destinations located in the same country.
- Users can search destinations by categories and have the option to sort either by name or
country.
- A random travel photo via API is displayed at the initial page load.
- Ten random destinations are listed at the initial page load along with their respective categories,
fictitious ratings, and reviews (if any exists).
- Each destination listed is clickable. When clicked, a “spinning” loading indicator is shown as the
website loads a relevant image via Unsplash API, and at the same time OpenAI API generates a
description for the destination.
- A modal window then displays both the image and the description for the destination.
- Users can add a review for each of the destinations.
- The website allows users to create their usernames and be able to register to leave reviews for
their destinations.

Task Distribution:

Team Captain:

Kevin Helm

- Divided tasks amongst the group


- Helped develop functionalities for image API.
- Developed user flow for the website.
- Reviewed the completeness of the group project.
Team Members:

Brandon Hazelton

- Developed login functionalities.


- Integrated databases table to allow users to login and to correctly display users’ reviews
and integrated web storage and sessions functions of the website.
- Developed and improved database tables.
- Implemented user authentication and authorization mechanisms to ensure secure access
to user-specific information and functionalities.

Jasper Dolar

- Integrated OpenAI functionalities to the website


- Designed the user interface.
- Developed search and sort functionalities.
- Created destinations database table.

YiOnni Redmon

- Developed database tables to store user reviews.


- Designed a feature that enables users to submit reviews.
- Implemented a user profile section, enabling users to edit their personal login
information.
- Tested user experience and ensured website features meet project rubric.

Changes from original plan:

- User interface. Streamlined search functionalities onto the index page for efficiency,
easier management, and time-saving design.
- API usage. Opted for OpenAI and Unsplash API’s over Google Places due to simpler
implementation and reduced complexities.

Database
Schema:
Screenshots of finished product:
Rubric: Project uses at least three database tables with at least 10 fields (combined)

Database tables and fields:

- destinations
o destinationID, Name, Country, Type, TouristRating, SafetyRating
- siteUsers
o userID, username, password, email
- reviews
o reviewID, userID, destinationID, rating, review
Rubric: JavaScript and CSS code must be in external files

- JavaScript and CSS codes are in external files.

Rubric: Upload all files as a zip file, including database records (export it in SQL Format)

- All files including database records are submitted as a zip file.

Rubric: Project allows user interaction with at least three different types of form elements (text box,
select, radio, checkbox, etc.)

- Text box for searching destinations


- “Select” utilized in a drop-down menu to sort results
- Radio buttons to choose a destination type

Rubric: Project uses Web Storage to an external site or Sessions

- Sessions used to retain “login” information after the user logs in

Rubric: Project allows users to update existing records in the database, in a friendly way (data is pre-filled).
Must update at least three fields.

- Users can edit their username, password, and email using a pre-filled form.

Rubric: Project allow users to add records to the database

- Users can “register” for a username and add their reviews

Rubric: Project must have at least 50 lines of client-side JavaScript code (e.g. form data validation, API
calls, etc.)

- Included

Rubric: Project includes at least two local or external Web APIs. As part of your submission, please explain
where the Fetch calls are.

- Unsplash API and OpenAI API. Fetch call for Unsplash API is included in index.js, and OpenAI API
fetch call is included in main.js

Rubric: Project has a nice, professional, and consistent design, free of typos. Uses at least 50 CSS
properties or Bootstrap.

- At least 50 CSS properties included in an external CSS file.

You might also like