Given I am a user
When I see the landing page
Then I should see a search section.

(It's included Location / Date / Time / Service and arrow button)

Given I am a user
When I go to the landing page
Then I should see a trust indicator security badge icon

• Tailwind
• Bootstrap
• Material UI

Spike story with time boxed research activity terminating 24 July 2023 on utilisation of Google meet integration into the APP for automated meeting ID generation on a booking/ reservation made by client/customer

Site Mock Ups Provided by PO

Home Page

Search Results

Supplier Dashboard

Checkout Page/ Booking Page

Customer Dashboard

Given: I am an unauthenticated user
When: I go to the home page
Then: I see the authentication page with Google

Given: I am an unauthenticated user
When: I am on the Google authentication page
And: I authenticate with a valid Google account
Then: I go/ redirected to the website Dashboard

Given: I am an unauthenticated user
When: I am on the Google authentication page
And: I authenticate with an invalid Google account
And: I cancel
Then: I get redirected to the authentication page.

Based on Google authentication, we may get Name, email and contact telephone number. to be finalised.

Given I am an unauthenticated User
When I navigate to the landing Page
Then I should see the landing page

Tech Details:

• Setup a react project (use KArleen's repo)
• Set up the CSS framework
• Deploy it
• Get some base text to show
• Favicon

Given I am an authenticated user
When I click the sign out button
Then I see a sign out message

Tech:
Create sign out button and functionality to sign out users
This will delete the apiToken in localstorage.
Create a function that sends jwt token to the node.

Given I am a user
When I go to the landing page
Then I should see a link to the SSL Certificate

Create the user end point
check the token is valid. if not send it to the unauthorised page
add the routes
swagger

Given I am a user
When I go to the landing page
Then I should see a Contact Us Link with a link to the Contact Us page

Google Doc made here

https://docs.google.com/document/d/1fzoRQ0ApU7pUGBMRNHQr6-B39PrkwfBh-9JtM1hNFPo/edit?usp=sharing

Tech:
Create a function that sends user email and jwt token to the node.

Given I am a first-time user
When I go to the landing page
Then I can see the call to action button.

Based on the mockup . static 6 images with text.

Concepts

Github Actions: Everytime you push code to github it run tasks and gives you the results.

• Look atn this article for mayve 30 minutes https://docs.github.com/en/actions/learn-github-actions/understanding-github-actions it is deep, we just need the overview
• Look up the linux concept of $? see https://shapeshed.com/unix-exit-codes/
• Basically every terminal command returns a code which you access from the terminal with echo $?
• 0 is good, any other number is bad
  YAML: An alternative to JSON

Google these concept and try and get an understanding

What to do

• Make new folder named .github/workflows in the root folder
• add a new yaml file called eslint.yaml

on:
  push:
name: example
jobs:
  lint:
    name: run lint
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: install dependencies
        run: npm install
      - name: run lint command
        run: npm run lint

• go to this link https://github.com/karleenmsrichards/final-project-gp2/actions/new
• the eslint will run on this page every time you push to any branch
• The above code may not work

Notes

Any questions add here

Given I am a user
When I see the landing page
Then I should see a header.

Currently we are incorporating a login button on the top right and a logo on the top left of the Header

• For postgres we will use a managed instance https://www.elephantsql.com/plans.html

This epic needs to be determined and crosschecked against the outcome of the first 2 epics #40 #39

Sequelize Data Model
Database user role
Data Migration

Given I am a user
When I go to the landing page
Then I should see Twitter icon with the link to Twitter page

Sequelize Repo: https://github.com/Tony-devops/test_sequalize
Please clone

Day 1 Tasks. Part of the CYF requirements

Given I am a user
When I see the landing page
Then I should see a hero image with title and text on it.

Home button showed the dashboard button even when logged out. the dashboard button should only show when the user is logged in

Concepts

• Look up this web page https://github.com/sonatype-nexus-community/auditjs
• NPM audit scans nodejs for security issues in packages
• This is similar to eslint but instead of style errors it returns a list of npm packages with security issues

Sub Tasks

• Install auditjs locally https://github.com/sonatype-nexus-community/auditjs#installation
• Run a security scan
• If any security issues are found please report to the team
• We will need to make new tasks to fix the security issues
• If no issues this task is done

Make a function to check if user has logged in or not. Simple unstyled component that gives feedback to the user like "You are logged in"/ "log in"
reading the session token from the store
making it is secure

test

#13 Decide on Frontend CSS Framework
#2 Authentication Spike

Given I am a user
When I see the landing page
Then I should see reviews from previous clients.

As a potential client looking for credibility, I want to see testimonials and case studies on the landing page to understand the experiences of previous clients and the successful outcomes they achieved.

Given I am user
When I see the landing page
Then I should see the footer at the bottom which gives me information about contact, about the company, terms and conditions, how my data is used, where your company is located, any associations you are a part of.

As a potential client, I want to easily navigate the service provider website landing page to quickly do my due- diligence to understand if I trust your website

Feature: User Authentication and Login with Google

Scenario: Unauthenticated user clicks sign-in button and fails Google sign-in
Given I am an unauthenticated user
When I click the sign-in button
And I am unable to successfully sign in or create an account with Google
Then I see the homepage

Scenario: Unauthenticated user clicks sign-in button and successfully logs in with Google
Given I am an unauthenticated user
When I click the sign-in button
And I am able to successfully sign in or create an account with Google
Then I see the dashboard

Scenario: Authenticated user returns to the webpage and remains logged in
Given I am an authenticated user
When I leave the webpage
And I come back to the webpage
Then I am still logged in

Technical Task:
Authenticate with Google
Receive the token
Save the token in the browser
Configure redirect url to dashboard

Spike Story to investigate options available for App authentication. Time boxed activity terminating on 24 July 2023

Spike Story for Integrating Google Calendar. A time box exercise terminating EOB 24 July 2023

Day 1 Tasks. Part of the CYF requirements

Create the hero element with the text as mentioned in the mock ups. Currently not doing the search component.just the hero

Given I am user
When I see the landing page
Then I should see the locations link with a link to all locations.

As a potential client, I want to easily navigate the service provider website landing page to quickly find the services offered and understand how they can address my needs.

Given I am user
When I see the landing page
Then I should see the login button prominently and easily on the site.

As a potential client, I want to easily navigate the service provider website landing page to quickly be able to find the login button on the top right as I am used to

Given I am a user
When I see the landing page
Then I should see a section for highlighting experts which I can trust them.

As a small business owner, I want the landing page to highlight the service provider's expertise, certifications, and awards, so I can trust that they have the necessary skills and qualifications to meet my business needs.

Edit the header component to add
Logo
Find
Book text
and edit the sign in button to say SignUP/ SIgnIN instead

Given I am a user
When I see the landing page
Then I should see some Tabs in the header such as Find / Book / Pay which are links to their page

Given: I am an authenticated user
When: I am on the dashboard
Then: I can see the button for "Sign Up as a Provider"

Given: I am an authenticated user
When: I click on the sign up as a provider
Then: I can select the Subscription Level on the Subscription Page and confirm button

Given: I am a subscribed user and chosen the subscription
When: I am redirected to the Supplier Profile Form where I can fill the required fields
And: I can see the button for "connect my google calendar" and I authorise
Then: The calendar is added and after clicking submit can access the full functionality of the app.

Given I am a user
When I go to the landing page
Then I should see Facebook icon with the link to Facebook page

Given I am a user
When I go to the landing page
Then I should see the categories link with a link to the categories