tombendor / ap2

Cross-platform chat application for Web & Android clients • BIU course 89211

ap2's Issues

React router

Enforce RegEx in form fields

User should not be able to type:

• Anything other than alphanumeric in username
• Invalid display name (letters + spaces only permitted)

Add a show password button

When pressed, shows the password. When released, hides the password.

Saving messages drafts

• User types something but doesn't send
• Switches contact
• Returns to send the message
• Should see the original text that was about to be sent

Upload profile picture

Upon "upload", picture should somehow be saved at the client's end.

Hardcoded database accessible to all components

Writing regex chars into input fields bug

Why am I able to write *()+ into the Display name fields?

Originally posted by @Tom-stack3 in #48 (comment)

Password and confirmation password fields doesn't match

User able to sign-up with password and password confirmation fields having different values.

Restructre database

Store message and contact lists for each user.

Design Chat Page

Add contact upon enter & Enforce regex

Invalid time (24:mm:ss) after midnight

Implement dark and light mode button

Split CSS file

Create multiple css files such that each shall be designated for a different page.

Design Registration Page

Attach Videos

Spaces not allowed

Show SVG animation on landing page

Use CSS variables

Use CSS variables for colors in the css files.
Easier to implement dark mode in the future.

Show errors to user in Sign Up page

Check if password meets basic requirements, and the two passwords match.
Check if the username is already taken.
Afterwards, show the appropriate error to the user.

Attach Image

Not empty message box after adding as contact

Message box of a newly added contact has the value undefined written in it.

Move database to JSON file

Chat welcome message

Send message on Enter keypress

Installation & Running Instructions

Design photo upload button

Authenticate & save user credentials

User should be able to sign in, sign up and redirected to main page.

Show password button doesn't switch visibility

Design send button & attach media buttons

Adding contact

Embeding profile pictures in ChatPage

Support Emojis

Scroll down automatically in chat

Scroll down automatically to the bottom of the chat when a new message is sent (or received).

Can't insert text to the middle of the draft message

Slogan not centered

See height: 100% in .center

Sending messages

Live field errors on Sign Up

For instance, while typing the username, the user will receive feedback regarding availability.

Input field not cleared after adding contact

Design a logo

Message draft won't change after send

JIC verify fields not empty

I think it might be a good idea to still check whether username === "" || password === "", just in case.

Originally posted by @Tom-stack3 in #25 (comment)

Show promt asking user to Sign up or Sign in

When user enters the Main page (/), if he isn't signed in, he should be promted with a "Join us" screen, with a Link to the Sign up and Sign in page.

Maybe somthing like this:

Add more example contacts

In total there should be five, if I'm not mistaken.

Multi-line messages

Design Sign In Page

Record audio

Add discard recording button

Allowing user to change the background color of the chat

Change <text> to <span>

AP2/web-client/src/components/LandingPage.js

Line 22 in fe117f4

<text>Have an account?</text>