Open sourcing HapRamp Alpha web app and adding Travis CI

Repository

HapRamp Alpha Web App - https://github.com/hapramp/alpha-web

About

Hapramp is a Steem based Social Media platform which rewards cryptocurrency for posting your work which is valuable to the community.

In this post, I am introducing the Alpha Web app for the platform.

Technology

The web app uses React as the base UI library. Bootstrapped with Create React App, it uses many other popular JS libraries such as redux, react-router, lodash, etc.

You can find the full list of dependencies in project's package.json file.

Features

The web app is under rapid development and new features are added every day. Some of the current features are -

• Authorization using user's username and private posting key.
• Seeing the posts from all users that are in the following list of the current user.
• Rating a post out of 5 (5 being best).
• Replying to a post.
• Seeing hot/latest/trending posts from all communities.
• Visiting a user's profile and seeing all their posts, communities and more.
• Following/Unfollowing a user.

Screenshots

Here are a few screenshots from the web app containing real data from the blockchain -

User Feed

User Profile

Single Post

Post with embedded YouTube Video

Single Article

Travis-CI Integration

The first thing that I did after putting the code open source is introducing Travis CI. Before this, the project used Gitlab CI.

I had to consider the following before writing the travis configuration -

• I had to use [email protected] for builds.
• Yarn had to be used as package manager.
• We had to store node_modules and yarn related file to cache.
• We had to prepare the optimized build and run tests with CI.

To achieve this, the following configurations were used -

language: node_js
node_js:
  - 9.8.0
cache:
  yarn: true
  directories:
  - node_modules
script:
  - yarn build
  - yarn test

[See .travis.yml]

Here is a screenshot of the successful build of hapramp/alpha-web on Travis -

Check out the commit on Github - https://github.com/hapramp/alpha-web/commit/b1fddc32685c30df6c96b1162db8d6fe4e5776a0.

Roadmap

We're planning to make the first public alpha release within 2 weeks now, so stay tuned.

How to contribute?

You can contribute to the project in many ways, the easiest being opening an issue for reporting a bug or making a feature request. If you are an open source developer, you can create pull requests to improve the app.

Github Account

https://github.com/singhpratyush