Tweeter Project

About

This project was completed by me as part of my learnings at Lighthouse Labs. Tweeter is a simple, single-page Twitter clone, where users can create short posts of up to 140 characters and append them to the main page. Building on my previous exposure to backend development and asynchronous javascript, this project was focused mainly on the client side of web development while using a pre-built back-end. It was an opportunity to gain further experience in using HTML, CSS, CSS-preprocessor (SASS/SCSS), jQuery, Ajax, DOM manipulation, node, express and client-side javascript programming.

Final Product

Mobile screen-size

Tablet screen-size

Extra-large screen-size

Dependencies

• body-parser
• chance
• express
• md5
• sass

Dev - Dependencies

• nodemon

Continous Improvement

• Add extra features on the tweeter app, including animations.
• Use additional features of CSS pre-processor SASS/SCSS

Getting Started

1. Fork and clone this repository unto your local machine
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.
5. To edit the CSS styling, use the npm run sass-watch command and effect the changes on the .scss files. Do not edit the css files directly.

Acknowledgement

Credit to the community of instructors and mentors at Lighthouse Labs for providing necessary guidance in the course of this project.

License

This project is open source and available under the ISC license.