Code Monkey home page Code Monkey logo

twizzler's Introduction

Twizzler


Introduction

The aim of this project is to build a RESTful API endpoints capable of simulating Twitter posts and likes.

The backend is built using NodeJs with Express as the REST library and with an additional support for Server Sent Events to push updates to clients instantly. Being a proof of concept work, this backend uses an in-memory database called LokiJs which has very similar APIs when compared to MongoDB and can be replaced with a real database with very minimal code modifications.

The frontend is built using VueJs with Vuex as the centralized state-management store and with an additional support for Server Sent Events to receive updates from the server instantly. It also uses Bulma css framework with SCSS as a CSS preprocessor and PUG as the templating language.

Because of the SSE feature, you can open two or more browser tabs / different browsers etc. and you will get immediate updates pushed to you as it happens.

Requirements

  • NodeJs v8 or above
  • NPM v5 or above

Docker Compose

The application can be run individually as backend and frontend as described in their separate README. However, it can also be run as follows using docker-compose

docker-compose up -d

Upon running the application, it can be accessed from the port 8080 of the localhost or local ip.

http://localhost:8080/

Docker Build

The following script can be run to build all docker images and push to the repository

./build-docker.sh

Screenshots

Login Page

homepage screenshot

Tweets Feed

tweets screenshot

Tweet Reply

reply screenshot

twizzler's People

Contributors

sohailalam2 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.