paocastrob / finalproject Goto Github PK

• Job Poster Create Account Form
  The form for the job poster will ask for their personal info such as: Full Name, Phone Number, E-mail Address, Password, Home Address, Sex (male/female), Date of Birth.

• Worker Create Account Form
  The form for the worker account will ask for their personal info such as: Full Name, Phone Number, E-mail Address, Password, Home Address, Sex (male/female), Date of Birth.

• Buttons
  At the bottom of the Create Account Form, we will have a button that says "Submit"

• First Set of Buttons
  The create account section will have 2 buttons, one of them will say "I am a job poster" the other will say "I want to do a job". Once the user selects what type of account they would like (poster/worker), they will see a form to log-in.

• Insert Log-In Form (Components)

• Filter Bar
  On the job feed, we will have a "Filter Bar", this bar will contain options for the user seeking a job to select his/her preferences. We can have a filter by: Job Category, Distance, Pay, etc.

• Job Postings
  Below the filter bar, we will have the list of all jobs that have been posted. The posting will show a photo (optional), the title of the job and the pay. The posting will also have a button that says "More Info" which will take the user to the Job View (different view), where they can see more details about the job.

• Pagination
  Below all the jobs, there will be a pagination system in case there are more jobs than can fit on one page. The user will be able to click on pages 2, 3, 4, etc. and have more jobs refreshed on their screen.

• Posting User Photo
  The job view will have the posting user's photo centered on the page.

• Posting Title
  Below the user's photo, we will show the title of the job posting.

• Posting Description
  Below the posting title, we will show the description of the job posting along with any photos the user shared and the address where the job is to be completed.

• Contact User Button
  Below the description of the posting, we will have a "I'm Interested" or "Contact" button so the user seeking a job can click it and directly contact the poster.

• Job Contact Form
  Once the user looking for a job clicks on the "Contact User Button" a modal will appear with the Job Contact Form. Here the user can fill out their information (prior experience doing this type of job, any certifications they have about the type of job, and/or why they would be a good fit for the job).

ForgotPasswordForm is needed in the Log in page

• Create Views in Layouts.js
  We will create all the necessary views in the layout.js folder using . The Navbar and Footer will be present in all views and should be kept outside of the tags.

• Navbar
  In the home view, the navbar will be located at the top of the page.

• Jumbotron/Carousel
  The jumbotron will sit right below the navbar providing the user with information about the site as soon as they arrive.

• Cards
  Below the jumbotron, we will have cards showing the latest jobs that have been posted.

• Footer
  The last item in the home page will be the footer.

• Company Logo
  The company logo should be placed _____ on the navbar.

• Link Buttons
  The text on the navbar should be clickable and it should take you to its corresponding view.

• Menu Button
  The menu button should expand below and show the menu items to move between views.

1. Home
2. Creating an account
3. Log in
4. Post gigs
5. Job Feed
6. Job View
7. About us
8. User Profile View

1. Navbar
2. Jumbotron
3. Cards
4. Footer

• User Photo
  A photo of the user will show on the left-hand side of the user profile view. The user can edit the photo.

• User Name
  The name of the user will be displayed below their profile photo.

• About Me Section
  A short about me section will be displayed below the user's name.

• Jobs Posted - (only for accounts where the user posts jobs)
  On the middle/right side of the screen will be displayed jobs the user has posted which have yet to be completed.

• Jobs Completed - (only for accounts where the user does jobs)
  On the middle/right side of the screen will be displayed jobs the user has previously completed.

• Comments/Ratings
  Below the current jobs/completed jobs there will be a section for users to leave ratings and comments about the jobs the person has posted/done. As well as a rating system for other users to see and judge who they will pick to complete their job.

• How This Company Was Started
  We will provide information as to how we came up with the idea for the project and explain how this website/company helps the community.

• Information About Creators
  We will provide information about each of the developers working on the website. (Example: why did you become interested in coding, where did you learn how to code, why are you passionate about this Company/app).

• Contact Us Section
  We will have a small contact form where users can reach out with questions, concerns, etc.

Props:

• Title
  Jumbotron will contain the company name.

• Text
  Jumbotron will have a small text section (slogan/what we do).

• Button
  Jumbotron will have a button that says "get started" which then prompts you for your zip-code. Once the user enters his/her zip-code they will be taken to the feed to see all jobs that have been posted in their area.

• Image
  Jumbotron will have a background image related to the company. Needs to match the style of the website.

• First Set of Buttons
  The create account section will have 2 buttons, one of them will say "I want to post a job" the other will say "I want to do a job". Once the user selects what type of account they would like (poster/worker), they will see a form to create the account.

• Insert Job Poster Create Account Form (Components)

• Insert Worker Create Account Form (Components)

• Social Media Links
  The footer will contain links to the social media of the creators.

• Links
  The footer will have links to the views of the page.

• Copyright Info
  The footer will have copyright information about the company.

• Log-In Form
  The log-in form will ask for the user's e-mail and password. It will have a "remember me" check-box, and it will have a button that says "Log-In".

• Job Posting Title
  The form will have a title area for the posting user to input the title of the job.

• Job Posting Category
  The form will have a category selection field where the user can select the category that best describes the job they are posting. Examples: Plumbing, Handyman, Writing, Labor, Miscellaneous, etc.

• Job Posting Description
  Below the title input, the form will have a description area for the posting user to explain in detail what the job entails as well as the pay they are offering for anyone interested in completing the job.

• Photo
  Optional upload section for the user to upload a photo of the job/job area.

• Contact Info
  Below the description section, the posting user can say how they wish to be contacted (contact form, e-mail, phone number, etc)

• Button
  At the bottom of the form, we will have a "Post" button for the user to post their job once they have finished filling out the info.

• Select Location
  When creating a posting for a job, the posting user will first select the location of where the job is located. It can be done inputting the zip-code.

• Job Posting Form
  Once the user selects the location of the job, we will display the Job Posting Form (Component) for the posting user to complete and post their job.