Web Tweet React

Created by WebDxD Team

A twitter-like project for students to learn web coding. This repo is for week 6 and week 7 exercises including React and Redux.

For backend support, reference to Web Tweet Express repo.

Backend API Endpoints: http://tweet-api.webdxd.com/

For API docs, please go to link

UI Design & Features

Home Page

• Display tweet list
  • Sort by date
• Display user profile if log in
• Click on profile image to go to profile page
• New tweet form with image upload field
• New tweet Form validation
  • Word count
• Append new tweet (require backend support)

Signup Page

• Provide username, password to signup a user
• Signup form validation
  • Check if there is an empty field
  • Check password match by repeating the password
  • Check if the username is exist (require AJAX and backend support)

Login Page

• Provide username and password to login a user (require backend authentication support)
• Form validation

My Profile

• Display my tweet list
  • Filter by username
• Display user profile
• Append new tweet (require backend support)
• Logout current user (require backend support)
• Able to delete tweet (require backend support)

Edit Profile

• Fade out tweet list panel
• Profile image upload (require backend support)
• Change profile panel to editable form
• Form validation
  • Description length
  • Empty fields
• Able to save or cancel edit (require backend support)

Get Started

1. Fork this repo, then clone your forked repo to your work directory
2. Drag web-tweet-react folder to your editor
3. Checkout different branches to get different steps