Aria CMS [Front-end built using React]

Page 1 of 2 12 LastLast
Results 1 to 15 of 21
  1. #1
    Interesting... SharpAceX is offline
    SubscriberRank
    Oct 2008 Join Date
    1,926Posts

    Aria CMS [Front-end built using React]


    RaGEZONE Recommends

    RaGEZONE Recommends

    Hey all,

    So back in March, I needed a new project to work on and decided that since I've never created my own CMS, only having edited other people's, I decided I would embark on my own from scratch. Knowing literally zero React, I decided to go with that library instead of the many others I could have used (Angular, Vue, etc...).

    After just around 5-6 weeks of active development time, I completed a functional front-end for a MapleStory CMS.

    I named it Aria.

    Aria is extremely quick and light. Clocking in at under 1MB with images excluded, it is blazing fast. There is no bloat here. No uselessly importing third-party JavaScript libraries just to do simple tasks like using jQuery to do things better written in plain JavaScript, no mountains of unneeded styles due to a CSS framework being used then having the styles overridden, no complex DOM or large node count slowing down the browser, no stupid animations tanking your FPS, no bullshit.

    The browser is given as little JavaScript and CSS to parse, as it should. The browser gets a single tiny CSS file, and a single tiny JS file, that's it. Your browsing experience is clean and smooth.

    This is why Aria doesn't have a loading screen like I've seen other sites utilize, because it doesn't need one.

    Now with that being said, I want to emphasize that I am only open-sourcing the front-end of Aria in this thread. The back-end, which was written in conjunction with Holthelper and I, will remain private and only distributed to license holders. As of now, only Eric holds a license which he is using with his (upcoming?) Orion server.

    Given that the front-end is freely available, anybody with basic web knowledge can very easily figure out the API that Aria consumes and implement their own back-end for it. I encourage this, actually.

    In the case that you do not want to, or cannot, build your own back-end, and are interested in a license to use Aria for private or commercial reasons, you may contact me or Holthelper over Discord for more information.

    There is an installation guide on the repo itself. I won't list out the features or provide screenshots here because there is a live demo that will talk for itself instead.

    Download:
    https://github.com/AlanMorel/aria

    Live Demo:
    Aria CMS

    Thanks and enjoy!

    EDIT: THIS IS JUST THE FRONT-END. YOU WILL NEED A BACK-END FOR THIS WHICH ISN'T BEING PROVIDED AT THIS TIME. IF YOU ARE ENTIRELY NEW TO THE WEB, THIS RELEASE ISN'T FOR YOU AND I RECOMMEND CHECKING OUT LITERALLY ANY OTHER CMS.


  2. #2
    Member PacketBakery is online now
    MemberRank
    Sep 2016 Join Date
    45Posts

    Re: Aria CMS [Front-end built using React]

    this website looks and performs so much better than rien.

  3. #3
    very green greenelfx is offline
    True MemberRank
    Jul 2011 Join Date
    1,327Posts

    Re: Aria CMS [Front-end built using React]

    This is kind of a useless release without releasing a backend. Why not extend stormcaster, since you're using Laravel anyway? Why not release a basic backend for others to use? People who have the experience and skillset to create their own backend API do not need your React site. In fact, making a react/vue/angular site that integrates with a backend API literally takes hours (assuming you have boilerplate).

    Cool site, and great job on learning React, but this release feels showoff/advertisement to me, which IMO is not the purpose of this particular subforum ¯\_(ツ)_/¯

    ps:
    - check out redux, it'll solve a lot of state related issues for you (eg. not having to hit the API again on navigating away from pages)
    - nice job on the rankings, fast rankings is pretty rare to see. my suggestion for one UX consideration is to retain scrollstate, scrolling up is kind of jarring/annoying
    - you should disable debug mode on your laravel api, even if it is just for demo purposes
    Last edited by greenelfx; 03-08-17 at 02:03 AM.

  4. #4
    Interesting... SharpAceX is offline
    SubscriberRank
    Oct 2008 Join Date
    1,926Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by greenelfx View Post
    This is kind of a useless release without releasing a backend. Why not extend stormcaster, since you're using Laravel anyway?
    I wouldn't say useless. People release CMS "designs" all the time and don't see that being called useless. Stormcaster is just the backend but even if you never released a client for it, I wouldn't say just a backend is useless, so why is just a frontend any more useless than a design, or just a backend?

    You need all three for a production CMS (backend, frontend, and a design), and this release provides two of those three things. But since you bring up stormcaster, people can just tweak this release to use stormcaster if they want, and then this release is essentially the first public production stormcaster client.

    Quote Originally Posted by greenelfx View Post
    People who have the experience and skillset to create their own backend API do not need your React site. In fact, making a react/vue/angular site that integrates with a backend API literally takes hours (assuming you have boilerplate).
    I strongly disagree with this, for multiple reasons.

    For one, you should know that simply "integrating with an API" and actually writing the components, logic between components, not to mention all the styles, are two entirely different things. Your stormcaster-vue release is just that, a basic integration with an API. You could write a simple client to consume an API easily, but I don't see how that is at all comparable to this release, something you can actually use in production.

    Not to mention that holthelper, the guy who "has the experience and skillset to create their own backend API" had close to no knowledge of the frontend, so no, I don't think that just because you could write your own backend that you "don't need" somebody else's frontend. Also, people who do backend are generally known to dislike design (or like it but can't design for shit) and in that case would still "need" a frontend written by somebody else, which a release like this would resolve for them.

    Quote Originally Posted by greenelfx View Post
    - check out redux, it'll solve a lot of state related issues for you (eg. not having to hit the API again on navigating away from pages)
    I didn't really feel this was complex enough to warrant standalone state management. Also, you would still have to hit the API when you navigate away regardless because you are requesting new data when you click on a page you haven't been on before. The only thing that would solve is not re-requesting the SAME data, since you would have it stored already using redux. I don't think the problem of requesting data you already previously requested is really an issue for a MapleStory CMS if you ask me.

    There are a few cases where duplicate information is requested, but I think that's fine because information would have needed to be requested anyways, the only difference is that the payload is slightly larger.

    If I misunderstood your suggestion to use redux to "not have to hit the API again", feel free to correct me.

    Quote Originally Posted by greenelfx View Post
    my suggestion for one UX consideration is to retain scrollstate, scrolling up is kind of jarring/annoying
    Scrolling up is how most users know that the content on the page is "new". On a traditional site, pressing "next" would re-render the entire page, and you would be at the top as well, it's just not "jarring" because the entire browser window flashes white before that. This essentially replicates that same effect people are used to. If anything, the better solution here would be to smoothly scroll up.

  5. #5
    Registered FCode is offline
    MemberRank
    Dec 2014 Join Date
    7Posts

    Re: Aria CMS [Front-end built using React]

    is there a place we need to put out database info ?
    because my ranking is loading all the time and i can't login or join

  6. #6
    Interesting... SharpAceX is offline
    SubscriberRank
    Oct 2008 Join Date
    1,926Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by FCode View Post
    is there a place we need to put out database info ?
    because my ranking is loading all the time and i can't login or join
    This is just the front-end. You will need a back-end for this.

  7. #7
    Registered FCode is offline
    MemberRank
    Dec 2014 Join Date
    7Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by SharpAceX View Post
    This is just the front-end. You will need a back-end for this.
    and how to install backend ?

  8. #8
    (O_o(o_O(O_O)o_O)O_o) Novak is online now
    Gold SubscriberRank
    Apr 2009 Join Date
    The NetherlandsLocation
    1,115Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by SharpAceX View Post
    This is why Aria doesn't have a loading screen like I've seen other sites utilize, because it doesn't need one.



    For real though it took a second longer to load than i expected, assuming that's cuz it's a demo. Looks pretty dope though. Probably the best way to display character ranking to-date. Shame there's no backbone though, but meh. Still kinda sexy.
    ~ will reply to pm's ~
    ~ . ~

  9. #9
    Infraction Baɴɴed holthelper is offline
    Alpha MaleRank
    Apr 2008 Join Date
    1,769Posts

    Re: Aria CMS [Front-end built using React]

    it only takes that long cause of 1 channel is offline, so a time-out is called so it doesnt take too long.
    why did god curse us with the abilities to make search engines but not give us the knowledge on how to use them?

    [PHP][MapleStory] v142 GD Character Image Display - Link
    [PHP] Image to HTML - Link

    Sabe.io - Learn HTML, CSS, JavaScript and more! - Alans a ©uck

  10. #10
    Interesting... SharpAceX is offline
    SubscriberRank
    Oct 2008 Join Date
    1,926Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by Novak View Post



    For real though it took a second longer to load than i expected, assuming that's cuz it's a demo. Looks pretty dope though. Probably the best way to display character ranking to-date. Shame there's no backbone though, but meh. Still kinda sexy.
    I have nothing lined up for what I'm going to release for Christmas 2017 as of yet.


  11. #11
    I have an ass and a hat. maplefreak26 is offline
    True MemberRank
    Sep 2008 Join Date
    1,095Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by SharpAceX View Post
    No uselessly importing third-party JavaScript libraries just to do simple tasks like using jQuery to do things better written in plain JavaScript, no mountains of unneeded styles due to a CSS framework being used then having the styles overridden, no complex DOM or large node count slowing down the browser, no stupid animations tanking your FPS, no bullshit.
    I don't need to be dragged like this lmao.

    It looks like if Rien and Orion's site had a baby. I dig it.

  12. #12
    Hardcore Member dolev159 is online now
    MemberRank
    Aug 2011 Join Date
    124Posts

    Re: Aria CMS [Front-end built using React]

    thank you , good job!
    how i can to setup this cms?
    in config no have root and password db,
    what i need to do for work the cms?

  13. #13
    Interesting... SharpAceX is offline
    SubscriberRank
    Oct 2008 Join Date
    1,926Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by dolev159 View Post
    thank you , good job!
    how i can to setup this cms?
    in config no have root and password db,
    what i need to do for work the cms?
    This is just the front-end, or in perhaps simpler terms, a "coded design". The back-end part isn't public but you can tweak stormcaster or make your own.

  14. #14
    Meh Rakeda is offline
    True MemberRank
    Aug 2011 Join Date
    Nightmare RealmLocation
    363Posts

    Re: Aria CMS [Front-end built using React]

    Quote Originally Posted by SharpAceX View Post
    I have nothing lined up for what I'm going to release for Christmas 2017 as of yet.

    Hmm a Christmas release? I might as well give it a shot too.

  15. #15
    Me, the one and only. Redicated is offline
    Gold SubscriberRank
    Apr 2011 Join Date
    The NetherlandsLocation
    49Posts

    Re: Aria CMS [Front-end built using React]

    Looks really really nice and smooth!!
    It doesn't really remind me of the old versions of Maplestory which are the servers i like and enjoy. But it surely would be great for newer versions!
    Keep doing nice jobs!




Page 1 of 2 12 LastLast

Advertisement