justinrusso/twitch-fullstack-project

Hello, my name is

Justin Russo

I'm a full-stack software engineer.

I'm a passionate software engineer driven by the desire to create new, amazing experiences. Since creating my first application for Twitch and seeing it in action, I was obsessed with creating solutions to solve problems and enhance users' experiences.

Connect with me:

My work at a glance:

Languages:

Frameworks, Platforms and Libraries:

Other Technologies:

twitch-fullstack-project's Issues

As a user, I want to sign up & login to access the app's features

• The navigation bar displays a Sign Up and Log In button

Login:

• When the Log In button is clicked, the user is directed to /login
• A form is displayed on the Log In page
• The form includes a username and password field
• A Log In button is displayed at the bottom
• The text "Looking to try out the website? Log in as a Demo user" with a link. When the link is clicked, the user is automatically logged in as the demo user.
• On successful login, the user is directed to /account
• On failed login, errors are displayed under the respective form input fields.

Signup:

• When the Sign Up button is clicked, the user is directed to signup
• A form is displayed on the Sign Up page
• The form continues a field for firstName, lastName, username, password, confirmPassword, and profileImgUrl.
• A Sign Up button is displayed at the bottom
• On successful sign up, the user is directed to /account
• On failed sign up, errors are displayed under the respective form input fields.

Main Page:

• A sidebar is displayed with the user's First Name, Last Name, Profile Image, Username, and balance.
• A logout menu item is displayed at the end of all nav items. When clicked, the user is logged out and directed to /.

As a user, I want to transfer money out of my account to my bank

• After going to the "Manage Funds" page (button directing to /account/transfer) a tab at the top displays "Deposit" and "Withdraw".
• When the Withdraw tab is clicked, a form is displayed
• The form contains an amount field limited to the current amount in the user's account
• A Withdraw" button is displayed at the bottom of the form
• On success, the user is directed to the /accounts page, and the money is taken out of the account

As a User, I want to add people as friends to easily send money to them later

Friends

• A friends menu item appears in the sidebar
• When the menu item is clicked, the user is navigated to /account/friends
• A heading at the top of the page is displayed with the text "Friends"
• Tabs are displayed with "Friends", "Send", and "Received" with "Friends" being the default
• Related users are displayed in a list underneath the tabs and have a "..." button to click.
• When clicked, the user has the option to delete the friend

Search

• A search menu item appears in the sidebar
• When clicked, the user is navigated to /account/search
• A heading at the top of the page is displayed with the text "Search"
• A search box is displayed
• When the user types, a list is displayed under the search box with results.
• The results have an Add Friend button if the users are not friends.

As a user, I want to change my account details

• A "Profile" menu item is displayed in the sidebar nav
• When clicked, the user is directed to /account/profile
• The user's details are displayed and can be clicked on to open an edit modal
• The modal displays a form for the relevant information to change about the user
• On success, the user's profile is updated and the modal is closed.

As a user, I want to request money from friends

• The "Pay" button in the nav now says "Pay or Request"
• On the /account/transactions/new page, there is an additional button at the bottom "Request"
• On success, a request is made to the user
• On failure, errors are displayed under the form fields.

Payee:

• A "notifications" menu item is displayed in the nav
• When clicked, the user is directed to /account/notifications
• The page displays a list of pending transactions, with a button for each to pay.
• A confirmation modal appears asking the user to confirm the payment
• On success, the money is transferred between users, and the modal is closed.
• On failure, an error message is displayed accordingly

As a user, I want to send money to friends

• A button under all menu items with the text "Pay" is displayed"
• When clicked, the user is directed to /account/transactions/new
• On the page, a form is displayed
• The form contains an input field for the amount to send, the person's username auto-filled by a search, and note textarea.
• A button "Pay" is displayed under the form
• On success, the user is directed to the /account page, and the money is transferred between the users.
• On failure, the errors are displayed under each form field

As a user, I want to add money to my account so I can send it to people

• The user's balance is displayed in the sidebar under the user's name
• A "Manage Funds" menu item is displayed in the sidebar
• When clicked, the user is directed to /account/transfer
• The page displays a form
• The form contains fields for the amount to deposit into their account in USD
• An Add Funds button displays under the input
• On success, the funds are added to the account and the user is directed to the /accounts page
• On failure, an error is displayed under the fields