moonly-app / moonly-app

Web app for discovering and sharing content (React, GraphQL, Apollo, Meteor)

Moonly 🌙

This is an open-source app built using VulcanJS. It is a place for discovering and sharing useful content for web developers, designers, marketers, growth hackers etc. It is a web app, and it also has Chrome extension as part of it.

Technology stack: React, GraphQL, Apollo, Meteor

Live website: https://moon.ly

Some of the Features:

• User registration
• User profile page
• Submit post option
• Commenting
• Likes, Votes
• Filtering posts by category or view (latest, popular etc)
• Tags/Categories
• Save posts to profile
• etc...

Installation

Install the latest version of Node and NPM. We recommend the usage of NVM.

You can then install Meteor.

Prerequisites for Linux:

sudo apt install g++

To get started: clone this repo

git clone https://github.com/Moonly-App/moonly-app

cd moonly-app

npm install

npm start

Then refer to the Vulcan documentation for further information.

Dependencies

The Moonly app depends on the following VulcanJS packages:

• vulcan:core
• vulcan:forms
• vulcan:forms-upload
• vulcan:accounts
• vulcan:voting
• example-forum

See also package.json for a list of NPM dependencies.

Usage

Check this video tutorial on how to use Moonly app and extension.

Contributing guidance

All PRs should be made to the develop branch, not master.

Before going ahead with customizing components and creating new features, please have in mind that you should

Never edit original core Vulcanjs packages! You should only change what's inside the Moonly package.

Check this part of documentation to see how to customize existing and create new features.

Getting help

If you have questions, concerns, bug reports, etc, please file an issue in this repository's issue tracker.

Stay In Touch

• Vanila.io community chat
• Vulcan.js community chat

Credits and references

• Vanila.io : Team which created and maintain the Moonly app.

Jelena Jovanovic	Abu Taher	Stefan Smiljkovic	Vijay Verma

• Vulcan.js : The full-stack React+GraphQL framework which is OS as well and Moonly is built with it.

Sacha Greif VulcanJS Creator

Contributors

Join us in contributions and your name will be listed here as well! Thank you for support! ❤️

Vladimir Jovanovic

moonly-app's Issues

Scroll to exact part of page

When sharing links, and you are in the middle of 1km long post :D. You want to share specific part of that page to someone.

This should be able to be done trough some kind of Iframe I think.

Here is the quick video i recorded for this idea last year.

https://www.youtube.com/watch?v=tHMQjhdPvDg

Track number of clicks from Chrome Extenstion (tab)

Currently it doesn't track number of clicks made from chrome extension.

Creating PWA from Moonly

From the chat

Anyone know whats need for Moonly/Vulcan to become PWA ?
I saw very cool thing today, browsing some app via mobile, i had option to add to home screen
I added, and it become like an app on my mobile screen
it was not from play store

So was researching bit and saw its done using PWA, service workers.

For example go to myroutes.io/ via mobile and it will offer u to add to home screen

Add some links into Moonly Header

Built by Vanila.io - https://vanila.io
Open Source - https://github.com/Moonly-App

Number of posts in newsletters

We should be able to adjust number of posts showing in newsletter.

Resize moonly to 90%

Right now the boxes are bit bigger. By default we see only one row of boxes in fold.

It should be able to see second row, at least the beginning it.

If you zoom out to 90%, you will see that is ideal.

It should look like on screenshot below:

Scroll back to top button

Scroll back to top button

Add Search By Algolia

It would be good to integrate Algolia search into Vulcan/Moonly. There was already integration into vulcan by one guy, but can't find his links to Github Repo, since Vulcan Slack search is limited to 10k messages.

Anyway, i think we could use his example to integrate this into Moonly. It would enhance searching experience by a lot.

Dark version for Moonly

Colors:

Canonical url fix

Currently it shows correct canonical url just for homepage and for post page.

Everywhere else it shows homepage url as well. That should be fixed for tag and search pages:

For head tags it's used Helmet, check this part of documentation for more info.

Clicking on post date/time url, reload the page

Like title says.

Profile page doesn't show updated changes until refresh

User feedback:

"Hi @shtefcs I hope you are doing well. bro one thing I noticed that when I edited bio from edit account page on moon.ly and after updating clicked "profile" link in the top right side menu, it redirects me to the profile page but my bio was not updated until I refreshed the page. May be you knew about it and your beautiful team working on it. Thanks ✌"

Clicking on Best Links doesnt work

When I click on Best, Top links doesn't do anything. It should sort posts by best, top, but its just loading and trow lot of errors in console.

See screenshot:

Cannot run on Windows

I followed the instructions from README.
When I try running meteor --settings settings.json, following error is displayed:

I:\workdir\projects\moonly-app>meteor --settings settings.json
[[[[[ ~\I\workdir\projects\moonly-app ]]]]]

=> Started proxy.
packages/moonly/lib/stylesheets/custom.css: warn: there are some @import rules those are not taking effect as they are required to be in the beginning of the file
=> A patch (Meteor 1.5.4.2) for your current release is available!
   Update this project now with 'meteor update --patch'.
=> Started MongoDB.
W20191018-03:34:57.828(5.5)? (STDERR) I:\workdir\projects\moonly-app\node_modules\postcss\node_modules\supports-color\index.js:5
W20191018-03:34:57.887(5.5)? (STDERR) const {env} = process;
W20191018-03:34:57.888(5.5)? (STDERR)       ^
W20191018-03:34:57.889(5.5)? (STDERR)
W20191018-03:34:57.893(5.5)? (STDERR) SyntaxError: Unexpected token {
W20191018-03:34:57.894(5.5)? (STDERR)     at exports.runInThisContext (vm.js:53:16)
W20191018-03:34:57.895(5.5)? (STDERR)     at Module._compile (module.js:373:25)
W20191018-03:34:57.896(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
W20191018-03:34:57.897(5.5)? (STDERR)     at Module.load (module.js:343:32)
W20191018-03:34:57.898(5.5)? (STDERR)     at Function.Module._load (module.js:300:12)
W20191018-03:34:57.899(5.5)? (STDERR)     at Module.require (module.js:353:17)
W20191018-03:34:57.899(5.5)? (STDERR)     at require (internal/module.js:12:17)
W20191018-03:34:57.900(5.5)? (STDERR)     at Object.<anonymous> (I:\workdir\projects\moonly-app\node_modules\postcss\lib\css-syntax-error.js:6:45)
W20191018-03:34:57.901(5.5)? (STDERR)     at Module._compile (module.js:409:26)
W20191018-03:34:57.902(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
=> Exited with code: 1
W20191018-03:35:05.541(5.5)? (STDERR) I:\workdir\projects\moonly-app\node_modules\postcss\node_modules\supports-color\index.js:5
W20191018-03:35:05.543(5.5)? (STDERR) const {env} = process;
W20191018-03:35:05.543(5.5)? (STDERR)       ^
W20191018-03:35:05.544(5.5)? (STDERR)
W20191018-03:35:05.545(5.5)? (STDERR) SyntaxError: Unexpected token {
W20191018-03:35:05.546(5.5)? (STDERR)     at exports.runInThisContext (vm.js:53:16)
W20191018-03:35:05.547(5.5)? (STDERR)     at Module._compile (module.js:373:25)
W20191018-03:35:05.548(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
W20191018-03:35:05.548(5.5)? (STDERR)     at Module.load (module.js:343:32)
W20191018-03:35:05.549(5.5)? (STDERR)     at Function.Module._load (module.js:300:12)
W20191018-03:35:05.551(5.5)? (STDERR)     at Module.require (module.js:353:17)
W20191018-03:35:05.552(5.5)? (STDERR)     at require (internal/module.js:12:17)
W20191018-03:35:05.553(5.5)? (STDERR)     at Object.<anonymous> (I:\workdir\projects\moonly-app\node_modules\postcss\lib\css-syntax-error.js:6:45)
W20191018-03:35:05.554(5.5)? (STDERR)     at Module._compile (module.js:409:26)
W20191018-03:35:05.555(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
=> Exited with code: 1
W20191018-03:35:12.678(5.5)? (STDERR) I:\workdir\projects\moonly-app\node_modules\postcss\node_modules\supports-color\index.js:5
W20191018-03:35:12.680(5.5)? (STDERR) const {env} = process;
W20191018-03:35:12.681(5.5)? (STDERR)       ^
W20191018-03:35:12.682(5.5)? (STDERR)
W20191018-03:35:12.683(5.5)? (STDERR) SyntaxError: Unexpected token {
W20191018-03:35:12.684(5.5)? (STDERR)     at exports.runInThisContext (vm.js:53:16)
W20191018-03:35:12.685(5.5)? (STDERR)     at Module._compile (module.js:373:25)
W20191018-03:35:12.686(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
W20191018-03:35:12.689(5.5)? (STDERR)     at Module.load (module.js:343:32)
W20191018-03:35:12.690(5.5)? (STDERR)     at Function.Module._load (module.js:300:12)
W20191018-03:35:12.691(5.5)? (STDERR)     at Module.require (module.js:353:17)
W20191018-03:35:12.693(5.5)? (STDERR)     at require (internal/module.js:12:17)
W20191018-03:35:12.694(5.5)? (STDERR)     at Object.<anonymous> (I:\workdir\projects\moonly-app\node_modules\postcss\lib\css-syntax-error.js:6:45)
W20191018-03:35:12.695(5.5)? (STDERR)     at Module._compile (module.js:409:26)
W20191018-03:35:12.696(5.5)? (STDERR)     at Object.Module._extensions..js (module.js:416:10)
=> Exited with code: 1
=> Your application is crashing. Waiting for file change.

Windows 10.
Node 8.16.2.
npm 6.4.1

Any pointers?

Mixed content : Security issue

Value Statement

As a user
I want all resources should serve over _HTTPs_
So that app can be more secure and SEO should not be impacted
and i should see that 'green lock icon on browser address bar'

Requirements

1. [Must Have] Should not link HTTP resources.

Technical Approach
We can use github as a CDN for all your static resource like css, js, images etc. If original server doesn't support SSL.

Note:
Now i can see only images are getting served over HTTP protocol
i.e http://s2.googleusercontent.com/s2/favicons

Get more info from social logins

• avatar
• name
• username
• email
• bio
• website
• followers
• following

Numbers of clicks are not visible to everyone

Currently number of clicks are visible only to admins and they should be visible to users and visitors as well.

Posts are shown only for admins

Hello,
I am working on moonly since 2 weeks & I faced a lot of issues due to some deprecated packages, However now I fixed almost everything and get it working, then the /admin route wasn't accessible so after debugging I found that the package vulcan:admin wasn't loaded by meteor so I added it to the file .meteor/packages and .meteor/versions and it works

This is the summary of what I did, the only issue now is that posts aren't shown for users, #only admins can see, edit, bookmark it.

Any suggestions?

Send welcome email after user registration

Good example:

The Images in the file readme.md has broken links

The links in the readme.md which relates to credit references and Contributors have broken links to profile images.

Moreover there is no alternative text displayed on links to images being broken

I think the source of this issue might be :

What I did:

• Copied the image links to check if the image is hosted at that link.

Observation:

• The link is shows URL signature expired