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
node@9.8.0for builds. - Yarn had to be used as package manager.
- We had to store
node_modulesand 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.