ribbon - A platform to share your stories.

[Jian]

Every semester break, I will try to learn something new, this time, I am trying to learn either Vue, React as well as MongoDB. But it turns out that life isn't as smooth as what I had thought so I scrapped the former and went along with Angular 1 instead.

ribbon is an ongoing content management system project which uses the MongoDB and Express.js library for all back-end.
For the codes (which are still not production-ready and are missing the front-end), you can look into the repository at

You must be registered for see links

.

Demo:

You must be registered for see links

I know, I know, this isn't the best way to go about doing things in Node.js. But hey, everything's different.

I am developing the front-end in conjunction with the back-end. So, in a way, they influence how each other work. Here are some screenshots of the in-development administration panel.

Edit Page:

Edit Post:

Not the best looking, but in a way, I'm too lazy to code a brand new layout. So, the admin theme will be the same as the homepage theme.

 

[RastaLulz]

Out of curiosity, why MongoDB? Also, Vue should be relatively easy to pick up if you already know Angular 1.

 

[Jian]

Out of curiosity, why MongoDB? Also, Vue should be relatively easy to pick up if you already know Angular 1.

I just feel like I should at least learn something new every semester, so I went with Mongo.

 

[Adil]

Mongo is decent but don't approach it from a relational perspective (which can be hard if you're coming from an SQL background... as I learnt last semester at uni )

The UI looks nice and simple, will be interesting to see how this develops. Good luck!

 

[Jian]

I have added the base theme as well as the admin panel to the repository. Feel free to clone it and check it out!

 

[Kristo]

Looks good (My amazingly fast reply)... Reading through posts that I have not read yet haha.

 

[Jian]

As of the

You must be registered for see links

, I have added viewing posts by user ID and tags.

 

[TesoMayn]

MongoDB is nice, with Node, I prefer it over MySQL.
It's nice to see you have a project again, just wondering what style guide are you using, if any?
Also, I wouldn't use React, personally I'm tired of seeing React projects. You should look into something else.

 

[Jian]

MongoDB is nice, with Node, I prefer it over MySQL.
It's nice to see you have a project again, just wondering what style guide are you using, if any?
Also, I wouldn't use React, personally I'm tired of seeing React projects. You should look into something else.

I don't really understand what you meant by "what style of guide". I am also considering Vue, so don't worry, I have a lot to play around with

 

[MayoMayn]

I don't really understand what you meant by "what style of guide". I am also considering Vue, so don't worry, I have a lot to play around with

E.g

You must be registered for see links

 

[TesoMayn]

But yeah, I suggest you install eslint

npm i -g eslint

And then choose a style guide, the main three are:

You must be registered for see links

,

You must be registered for see links

and

You must be registered for see links

Personally, I prefer airbnb, Standard is alright but Google is shit imo

In your project folder run

eslint --init

to run through the initialization wizard

 

[Jian]

Changed the way frontend can authenticate using the API as well as added a guide for code standards.

Update 2018.3.27
Scheduled Posting has been added as well as a hidden option for posts and pages.

 

[Kristo]

Changed the way frontend can authenticate using the API as well as added a guide for code standards.

Update 2018.3.27
Scheduled Posting has been added as well as a hidden option for posts and pages.

Nice addition. Looking forward to seeing how this progresses from now.

 

[treebeard]

You have a good plan, I also have been aiming to learn something new during each break from Uni.
I wanna get into the wide world of javascript on my next break

 

[Jian]

As of the latest commit, I have added a

You must be registered for see links

of the default "flac" theme.
 
Not much update in the past few days as I'm busy redesigning the backend layout as well as learning Vue.js.
Small preview, note that it is a work in progress and major changes might still happen.

 
Okay, I spent the last 14 hours turning the new admin theme into a usable product with Vue.js. I have created a new

You must be registered for see links

to test it out and see if there are bugs.
If you wanna look at the source for the theme, feel free to check it out here:

You must be registered for see links

 

[RastaLulz]

Good kush.

 

[Jian]

As of the latest commit in the

You must be registered for see links

, you can now upload an avatar and change the URL slug of posts and pages.

 

[M8than]

You're still working on this? Damn dude looks great

 

[griimnak]

You're still working on this? Damn dude looks great

Yeah, @Jian didnt you have an older project named ribbon also?

Hat tip for using Mongo, we all have to try something other than mysql at some point

 

[M8than]

Yeah, @Jian didnt you have an older project named ribbon also?

Hat tip for using Mongo, we all have to try something other than mysql at some point

He had ribbonCMS I believe. Which was great btw