HuanxinHu / my-twitter

JavaScript Full Stack Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

my-twitter

JavaScript Full Stack Project

Front end use React, TypeScript Bacend use NodeJS, Express Database use cloud MongoDB

Functions Done

  • Login
  • Register user
  • Create/Edit Profile
  • Create a tweet
  • Comment a tweet
  • Like a tweet
  • Delete a tweet
  • Re-Tweet
  • Feeds page
  • Followers/Following
  • Deploy the project

For dev

in the twitter folder

# run this bash first time or when new packge is added
npm i

# open front end dev server
yarn start

in the twitter_api folder

# run this bash first time or when new packge is added
npm i

# open back end node server dev mode
npm run dev

Login Page

image

Register Page

image

Profile Page

image

Edit Profile function

image

Add Tweet

image

Comment Tweet

image

Tweet Detail

image

About

JavaScript Full Stack Project


Languages

Language:TypeScript 58.3%Language:JavaScript 30.3%Language:Less 8.6%Language:HTML 2.1%Language:CSS 0.5%Language:Shell 0.3%