Giter Site home page Giter Site logo

9jaswag / postit Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 860 KB

PostIt is a simple application that allows friends and colleagues create groups for notifications.

Home Page: https://postiit.herokuapp.com/

HTML 13.39% CSS 4.60% JavaScript 82.00%
postit nexmo postgres node react-redux javascript sequelize

postit's Introduction

Build Status Code Climate Coverage Status

PostIt

PostIt is a simple application that allows friends and colleagues create groups for notifications. Users can post broadcast messages to groups and other group members will get notification based on the message priority.

Features

PostIt allows users to do the following.

  • Register and log into their accounts.
  • Create broadcast groups and add other users to the groups
  • Post messages to a group with message priority
    • Group members get in-app notifications for normal messages.
    • Group members get in-app and email notifications for urgent messages.
    • Group members get in-app, email and SMS notifications for critical messages.
  • Retrieve all the messages posted to groups they belong to based on their read status when they are signed in.

Folder structure

The template directory contains the UI template for the front-end in HTML/CSS

The server directory houses the back-end implementation in NodeJS-Express-Postgres

The client directory houses the front-end implementation in ReactJS (Redux)

Technology Stack

  • Front-end: React/Redux, SASS, Webpack
  • Back-end: Node/Express, Sequelize/Postgres
  • Nexmo: For sending SMS notifications

Get Started

  1. Clone the repository, navigate to the folder and run npm install to install dependencies.
  2. Setup Postgres
  3. Set up your database credentials in server/config/config.js. See sample file
  4. Run $ sequelize db:migrate to run database migrations
  5. Create a Nexmo account and get your API details for SMS notification
  6. Create a .env file in your root directory and follow the example pattern below to set up environment variables. See sample file
  7. To start app, navigate to the root directory of the app and run node run start:dev in development ( This is start up the app with nodemon watching for changes ) or npm start in production.

API documentation

You can find the Documentation for the PostIt Restful API here.

Test

This app uses Mocha, Chai-Http for API tests, Jest, Enzyme for frontend tests and Nightwatch for end-to-end tests

  • Run npm i mocha -g to install Mocha globally and npm i nyc -g to install nyc globally before running npm test to run the API tests
  • Run npm i jest-cli -g to install Jest globally before running npm run test:client to run the frontend tests
  • Run npm i nightwatch -g to install Nightwatch globally , npm run e2e-setup. Then run npm run e2e-server in one terminal window to start the selenium server before running npm run test:e2e in the app directory in another terminal window to run the end-to-end tests

Deployment

  1. Setup a Node.js hosting account with any Node.js hosting platform of your choice.
  2. Set up an online PostgreSQL database with any PostgreSQL platform of your choice.
  3. Push the files to your hosting account and set up the enviroment variables in the .env file. See sample file.

Contributing

Fork it!

  • Create your feature branch: git checkout -b awesome-feature
  • Commit your changes: git commit -m 'Add my awesome feature'
  • Push your branch online: git push origin awesome-feature
  • Submit a pull request to development branch ๐Ÿ˜„

FAQ

FInd the frequently asked questions about PostIT here.

Author

  • Chuks Opia

Acknowledgement

  • Andela Talent Accelerator Team

License

  • This project is licensed under the terms of the MIT License.

postit's People

Contributors

9jaswag avatar

Stargazers

 avatar

Watchers

 avatar  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.