Skip to content

ZacMossHK/chitter-react-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chitter Client

The front-end client to Chitter, a social media web application.

This is still in progress!

Users can create accounts, log in and out, make posts (called Peeps), like posts, and tag users in posts. Tagged users will be emailed at the address supplied when they create their account.

Chitter back-end Github.

Tech

Chitter's front-end uses the following tech stack:

  • Javascript
  • React
  • Jest & React Testing Library
  • Nodemon
  • HTML
  • CSS

Installation

npm i

To run all tests:

jest

To run the app in the development mode:

npm start

Open http://localhost:3000 to view it in your browser.

Design

For my initial designs I used Excalidraw to experiment and quickly sketch out thoughts for how pages should look. I settled on a two-panel layout that seperated user information and posting interactions from the Peeps timeline. I then finalised those designs in Figma. chitterClientExcalidraw chitterClientFigma

About

Front end to Chitter, a twitter clone built in React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published