pohutukawa-2019 / chatwell Goto Github PK

This will display messages when sent.

Tests on server/db.js needs to be passed

Sponsor pair component needs to be created and setup a route on sponsor/register component to sponsor pair component.

Action creator and reducer to save the user's selected list of topics into the store.

Create a component that will hold the TopicsList.jsx component and has a Continue button with a <Link that takes you to the next page ('/register').

Add CSS styling to:

• all pages
• ensure contents are all on one page - no scroll down effect
• make sure sponsor and client pages are differentiated based on colours
• ensure background image transparency

styled components video
https://www.youtube.com/watch?v=3SpAg5tr7Ws

Using socket.io. This will also require an Express server to be set up.

Topic component need test on function Topic. Must be passed.

This should contain a function that is called by Topics.jsx and sends a promise to the route to get the list of topics from the database. It then returns that resolved promise to the Topics.jsx component.

This will be a disclaimer message based on the state of user (client/sponsor) and contain an "I understand" button that takes you to the next page.

restyle homepage so page doesn't scroll and looks pretty.

Create a component to pop up for the sponsor when after they choose their username.

There should be an unlimited number of connections, but sessions should be limited to two people at a time.

This should be a button that displays a topic, onClick this should dispatch an action that pushes the topic into an array of topics in the store. This button should stay active when selected.

STRETCH: Click it again to deselect and remove from store.

create tests on functions below
getTopicsPending
getTopicsSuccess
getTopics
saveTopics

Instead of rendering in the body of the page, the generated username should appear in the input field.

A seeded database with a list of common mental health issues. Write a route that calls a db function that retrieves the list of topics.

Button renders a new page onClick (SponsorTopics.jsx or ClientTopics.jsx)

create tests for function topicReducer and make it to pass

Redo Sponsor page

We need a database to store user information for the sponsors.

Baby steps... just starting to implement Auth!

Tests needed for function userType and must be passed.

REWORDED TICKET:
This should be a random username file for a component to pull a random username from which the app chooses randomly.

This should receive the topic from TopicListItem.jsx and push it into the store as an array.

ETA: The reducer and action creator are called FetchTopics.

This will handle the user's input for their username.

• Show connection / searching / disconnection messages from the system

• Display matched topics on connection

• Display usernames and timestamp with each message

The ClientTopics component has a checklist, but it's hardcoded and doesn't link properly to the database. It needs to render dynamically from our database entries.

Create all components and url links - set up hash router for this.

This button will be used for both client and sponsor options, but differ in appearance and background behaviour. This should have an onClick function that dispatches an action to the store, setting the state of the user to be client or sponsor.

The SponsorTopics component is connecting properly to the database but has no option to select individual topics for discussion. It needs to be hooked up as a checkbox and properly save the user's choices as state in the store.

This should retrieve the topics from the database, map through them, rendering a TopicListItem.jsx for each in the loop.

Edited To Add: As part of this ticket I'm also writing the action creator and reducer.

EDITED TO ADD AGAIN: We don't need this component! It is doing the same job as the Client Topics and Sponsor Topics components.

yjtdyt

Change ClientTopics component to be stateful and set up to receive user's selections in state.

ETA: ClientTopics is now a hard-coded checklist. It doesn't receive state properly, but it is getting there.
SponsorTopics is rendering a list of topics from the database, which need to be made into a checklist.

A component to house the client/sponsor buttons.

It should have breakpoints for desktop and mobile, check and adjust CSS and HTML files acordingly

Sponsor Register and guidance is routing to client and not to sponsor. Please correct.

create tests on functions
-userTypeSelected
-getUserSuccess
-getUserType

Make website responsive

Incorporate an algorithm that matches based on the highest percentage similarities between users.

Generate a random username from a seed file (utils.js) for the user.

(Look into random-username-generator on npmjs.com)

• messaging working between ip's
• migrate db from sqlite3 to postgresql so db works on heroku