Skip to content

hackhub-education/web-tweet-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

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

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

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

Login Page

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

Me

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)

Profile

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

About

React version for Web Tweet frontend code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published