Skip to content
/ tweeter Public template
forked from lighthouse-labs/tweeter

A twitter clone project, to help students gain front-end dev chops. Starter (incomplete) code.

Notifications You must be signed in to change notification settings

aleaguilar01/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page-application web responsive Twitter clone.

Getting Started

  1. Clone your repository onto your local device.
  2. Install dependencies using the npm install command.
  3. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
  4. Go to http://localhost:8080/ in your browser.

Usage

  1. To create a new tweet use each of the toggle buttons. There is one on the navigation bar and other that appears when you scroll down.
  2. After clicking a toggle button, you will be presented with a section to compose a new tweet, up to 140 characters.
  3. Ensure your tweet is more than 0 characters and less than 140 characters to avoid receiving an error.

Dependencies

  • Express
  • Node 5.10.x or above
  • Sass

Screenshots

  • Cellphone display "Cellphone display"

  • Tablet display "Tablet display"

  • Desktop display "Laptop display"

  • New tweet button "New tweet button"

Stretch Work

  • Form toggle: Enhance user experience by implementing a toggle feature for the tweet form.
  • Second toggle button: Add an additional toggle button for easier access to the tweet form.
  • SASS: Utilize Sass for more efficient and maintainable styling.

About

A twitter clone project, to help students gain front-end dev chops. Starter (incomplete) code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 44.5%
  • SCSS 23.2%
  • CSS 19.7%
  • HTML 12.6%