Giter VIP home page Giter VIP logo

manshar's Introduction

No Longer Maintained

Note from maintainers

After few years of developing Manshar, we have taken the decision to no longer developing Manshar in the open. This repo is gonna be up for tracking bugs for the hosted platform of manshar.com for reference and might be taken down in the future. All future development of manshar.com will be done in a private repo. We're greatful to have had the opportunity to work with some of you and thankful to have helped us reach where we are. Please get in touch on [email protected] for any questions. Here's an article (in Arabic) explaining the decision around this.

Best.

------------

Logo

Manshar | منشر Build Status Code Climate

Manshar is an Arabic publishing platform that focuses mainly on content, making it beautiful and easy to read without any distractions that has nothing to do with the content.

Manshar Main Page Screenshot

Manshar aims at making the blogging experience for Arabic easier than ever by providing an editor that has all what a blogger needs to style and edit the article while showing them exactly how it'll look like as they're wrtiting without any need for extra preview steps.

Manshar Editor Screenshot

In addition to Manshar’s mission of spreading the culture of blogging in Arabic and contributing to the Arabic content, Manshar also aims at gathering the best Arab developers around the project by making it open source and available for anybody interested to join, to spread the culture of collaborating and contributing amongst the developers community as well.

Manshar was launched by Mohammad Khatib, a Web Developer at Google, as an effort to contribute to solving the problem of lack of Arabic content online by providing better tools that makes it easier to create and consume Arabic content.

Visit Manshar.org to read about Manshar in Arabic.

##Contributing to Manshar Manshar is built using AngualrJS on the frontend and Ruby on Rails on the backend. Frontend and backend are completely seperated to give you a better chance at contributing to the project if you're familiar with just one technology or if you want to contribute to one of them without wanting to deal with the other.

##Questions and Feedback If you have any questions about the project and how to contribute please email us at [email protected] we'll be happy to talk to you!

manshar's People

Contributors

3emad avatar abdulla2 avatar ahmedelgabri avatar ahmedgaber avatar ahmgeek avatar amrnt avatar hammamsamara avatar ibrahimzananiri avatar mabras avatar mjalajel avatar mkhatib avatar mohammadshamma avatar moradtaleeb avatar prayagverma avatar rashahussein avatar rubypirate avatar tolbahadi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

manshar's Issues

Remove All Static Resources from backend/ folder

As described in the Manshar Code Structure document, all frontend and static resources should love in web-client/ folder. Please remove all the the frontend setup files from the rails app. Rails app should only be used to implement API endpoints.

input image validation

input of upload image, can upload any file from this input so i think need more validation for image extensions

Facebook share button

That's what I get whenever I click the Facebook share button:
capture

The same thing happens with the G+ button
capture2

Some small issues

  • New article form: the fields overlap when using Firefox ( FF 35.0.1, Ubuntu 14.04 LTS)
    When I use firefox to create new article, the fields of the form overlap a bit. See the screen-shot:
    http://screencloud.net/v/zS7o
  • New article saves a draft always even if I didn't enter any thing.
  • Browser back button
    scenario: new article -> click back button -> the url changes to http://www.manshar.com/articles/new, but it keeps coming back to http://www.manshar.com/articles/SOMEID/edit (this also keeps creating new drafts, as mentioned in the previous point)
  • http://www.manshar.com/articles/WRONG_ID/edit -> should show not found msg or something like this.
  • Go to an article and refresh the browser, the page comes out like this:
    • First, the side menu opens with an empty page, after a bit it closes.
    • Then, the placeholder page appears, which I guess has the template but not the information yet (at this point I can see something like بقلم: غير معروف).
    • After loading, the intended page comes out.
    • %% I guess showing a loading indicator or something like this and not opening the side menu would be more convenient. Or server rendering would be cooler.
  • One can notice that to load an article page 12 XHRs are issued (in case the user is logged in) which is too much. I am wondering, why do you need an OPTIONS req for each.

Upload Pictures between the lines broke with JS Error

While i was adding a new Article . i tried to attache a picture between the line
but it gave me some JS Errors and the Form sometimes Popups, sometimes not.

screenshot - 05102015 - 10 54 11 am

I am using : Ubuntu - Chrome Version 42.0.2311.135 (64-bit)
Picture attached.

Mobile UI Issues

Tried Manshar on mobile (iPhone5), and noticed these issues (I'll work on them):

  • Listing types nav elements disappear behind the logo
  • When I scroll and the types nav stick at top, I couldn't open the profile menu
  • Articles with title more than 2 lines, or long slogan in home page crashing the style!
  • I wrote my bio, checked my profile can't see my name. If bio is more then 3 lines I won't be able to read it
  • In contributors page, names with 3 lines
  • In صحة ورياضة category, the third topic is: img src=x><"<(onerror=alert(1

Let me know if you have any suggestions for the above issues.

Thanks,

[Question] about rails/nodejs

In the last days I was thinking about manshar structure.
Why manshar does not use Angular in Rails directly?
I can not get a good answer. So can someone explain to me why you guys did that

Contribution: Full separation

The web-client is full separated. why I have to setup local backend, just wanna to contribute to the web-cient-app. this issue blocking me from contributing since three months every time I'm trying I got tired of backend setup and loose my passion.

Can you guys separate the contribution instructions to backend and web-client ?

Manshar Optimizations

Users currently are seeing a lot of slowness in Manshar. We need to do optimizations, some ideas include:

  • Properly minimizing JS and CSS code.
  • Loading JS code at the bottom of the page.
  • Cache API JSON responses on the client side in services.
  • Load properly sized images instead of very large images - specially in listing views where all needed is a thumbnail rather than the full image.

UX missing previous $location.path() for status 401

Summary

re-login in manshar after 401 will always redirect the user to the homepage

Scenario

while reading an article on manshar and got distracted for sometime by other natural phenomena ( my daughter ) then continuing to finish reading, when I pressed the "like" I was redirected to the login ( e.g my session ended ) but after I did login, it redirected me to the homepage instead of the article I was at.

Going through the code, I noticed previous path isn't preserved and redirected to upon "unauthorized access" from the $httpProvider interceptor.

Response:
POST http://api.manshar.com/api/v1/articles/205/recommendations 401 (Unauthorized)
No Authorization Token.
Payload {"articleId":205}

content:
{"errors":"Unauthorized."}
// https://github.com/manshar/manshar/blob/master/web-client/app/scripts/app.js#L144
'responseError': function(response) {
        if (response.status === 401) {
          $location.path('/login');
          return $q.reject(response);
        }
        else {
          return $q.reject(response);
        }

Articles may contain empty paragraphs

#article-body contains empty paragraphs (<p>) in some situations. This may cause several problems, including styling ones (adding padding for p's, for example).

As a solution, I would suggest using <br>'s for empty paragraphs, in case the user wanted a blank line.


The problem is present in this article. The cause of this issue may be related to that of #205.

Redirection after deleting a draft.

Should I be redirected to the home page after deleting a draft ?
ref: _manshar/web-client/app/scripts/controllers/profileController.js_

var deleteSuccess = function () {
  $analytics.eventTrack('Article Deleted', {
       category: 'Article'
     });
     $location.path('/');
   };

New article route throws an error if the user is not logged in

Hi,

When I navigate to https://www.manshar.com/articles/new/ I get a blank page with a javascript error that says: Cannot transition to abstract state 'app'.

I should say, I'm not logged in, so maybe that's why; but a login page should show up instead of a blank page.

Here are the steps to reproduce this error:

The first time I noticed this is was when I clicked on the link "اكتب مقال الان" from the side menshar.org

image

Let me know if you need any more details.

Thanks
Hady

Navigation keys scrolling

  • Navigation keys scrolling is not working in any article page or the home page. I can scroll up/down using the mouse only!
    [Edit] I have to click inside the page to control it using navigation keys, otherwise, it don't work.

Add report abuse button

Unless you are ok with personal pictures being used against the will of the owner for example :).

UI/UX enhancements

(updated list)

  • Recommend button should be at the bottom of the page and not floating.
  • Recommend button should be explicitly shows that an article is recommended or not.
  • Decrease article container's width.
  • Add loading indicator angular-loading-bar?

Words break among lines

Words can be broken as separate parts among consecutive lines if there is no space in the original line. This is due to the CSS property word-wrap: break-word, which is applied to the #article-body element.

The problem is: When deleting this property, the text flow gets all weird in some articles (in latest Chrome at least).


I found that the real problem is that text in #article-body uses &nbsp; (non-breaking space) as a space character in some situations (some paragraphs has 1 or 2, some has none, some are full of).

So, adding that CSS property solves this problem, but breaks other words as well.


A good example article of the whole problem: www.manshar.com/articles/2422.

Optimize signup screen

Profile image/Bio should not be in the signup form, otherwise users will bounce more oftn before signup.

I would also remove the name (and ask for it afterward), but that's less of an issue.

Also, why not just use Gravatar for profile images?

UI/UX Bugs

  • I see this horizontal scroll bar on Chrome for no reason
    scroll bar
  • Profile picture doesn't load
    pp
  • Manshar Logo in the login page doesn't load
    login
  • Menu button is not looking good
    menu button

Make Mock Services for the Web Client

In order to keep the web client development as separate as possible from the backend and to make it easy to test quickly without having to run a locale instance of the backend we need to have mock services that returns mock data.

This also will help when writing unit tests.

The main font

I think (as a UI designer) the main font is a little bit old fashion and It's gonna be great if it'd be 'Greta' or any new fontface :)

RSS feed, also for categories

It would be nice to have RSS/Atom feed for the website, say, for the latest, the best, etc. and also for categories. and (maybe in the future) for the users.

Fog gem v 1.27 bug

I've got this error while establishing the rails s command.
/home/ahmgeek/.rvm/gems/ruby-2.2.2/gems/fog-1.27.0/lib/fog/openstack/volume.rb:191: warning: duplicated key at line 196 ignored: :openstack_region.
it's related to this I guess.

Login with google - issues

Dear Manshar Team.

I was trying to Login with my G-Mail ( Google Auth API )
and it gives me empty page with " Redirecting... " with a
Javascript Error " SyntaxError: Unexpected token ILLEGAL "

The container position

I think it'll be better if the container goes to right and not to be centered like this in the page.

Optimize Image loading in Manshar

Currently we don't do any optimizing for returning smaller images instead we return the original uploaded image. Manshar need to optimize for slow connections by returning thumbnails in list view and return properly sized and optimized images when needed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.