Frontend Redesign

[m1guelpf]

Forntend redesign

[m1guelpf]

@afnizarnur Do you want to help?

[afnizarnur]

@m1guelpf Yeah sure, I can help!

[m1guelpf]

@afnizarnur Thank you!
If you need help with anything, just ask.

[afnizarnur]

Hi @m1guelpf, I see issue #81 about rebranding OrgManager. Should we wait for the new brand finished, after that start frontend redesign?

[m1guelpf]

@afnizarnur The rebranding is being done by @elioqoshi
Maybe you can coordinate...

[afnizarnur]

Sure @m1guelpf
Let me know if the rebranding is already done @elioqoshi

[elioqoshi]

Will let you know :)

[m1guelpf]

@afnizarnur Moving this to v4.0

[afnizarnur]

Any updates? @m1guelpf @elioqoshi

[elioqoshi]

#81 (comment) :)

[afnizarnur]

Hi @m1guelpf , as the branding already done. Let's start to redesigning the front-end!
Can you tell me which pages need to be redesigned?

[m1guelpf]

@afnizarnur Well, the front page needs a big change, also the dashboard page is using both bootstrap and materialize, and that makes it strange. I think the rest of them are OK, but feel free to change them if you want. The views are located in the /resources/views in {view}.blade.php format. Also, if you want, I can create a frontend-redesign branch and give you push access. If you need anything, just ask!

[afnizarnur]

@m1guelpf I see, I'll start to design it today and get back to you ASAP.
Can you please create that branch for me? Thanks :)

[m1guelpf]

@afnizarnur Done!

[m1guelpf]

@afnizarnur I am creating a simple way to add the OrgManager Logo at OrgManager Logos. Please do not commit anything to the branch until I finish and commit it to all branches. Should be done for tomorrow. Thank you!

[m1guelpf]

@afnizarnur Done! Go ahead!

[afnizarnur]

Hi @m1guelpf
This is some sneak peak for the redesign. Let me know what you think :)

[m1guelpf]

@afnizarnur Looks awesome!

[m1guelpf]

@afnizarnur Remember to commit your changes to the frontend-redesign branch when you have a cool preview!

[elioqoshi]

That looks phenomenal! Great job @afnizarnur

[afnizarnur]

Hi @m1guelpf
From that design, it really different from current website, because I change the flow of the website too. I'm afraid it'll break the backend. What do you think about that?

[m1guelpf]

@afnizarnur What do you mean by "changed the flow of the website" and why would that break the backend?
If what you mean is that you hardcoded some things, it can be easely fixed.

[afnizarnur]

Ah, I mean the flow – the routing of the website.
Ok, I see, maybe that mean hardcoded 😅

I'll try to push some commit ASAP.

[m1guelpf]

@afnizarnur Any updates?

[afnizarnur]

Hi @m1guelpf ,
do you have IRC or anything? I need some guide installing the orgmanager locally.

[m1guelpf]

@afnizarnur You can use any of the support channels mentioned in the README. Also, see the development setup section in the README.

[m1guelpf]

@afnizarnur Any updates?
Some tips: (Please use the frontend-redesign branch, as you could get merge conflicts if you don't, and I'm pushing dialy to the others. Don't worry about hardcoded things, that will be fixed later)

[afnizarnur]

Sorry, for slow to get this done 😅 @m1guelpf
I'll send this weekend by pushing the code to front-end branch

[m1guelpf]

@afnizarnur Just seen your frontend-static branch, and it looks great!
Just a small tip to help migrating to the "full version"

• OrgManager uses Laravel Mix (Webpack) to render frontend assets. You add the code to the resources/assets/{js/sass} folder, and then npm install & npm run {dev/production}. The configuration file for Mix is on the root of the repo (the webpack.mix.js file).

[afnizarnur]

Sure, I'll try @m1guelpf

[m1guelpf]

@afnizarnur Also,I've just configured deployments from frontend-static to static.orgmanager.miguelpiedrafita.com using Netlify, and sent you an invite to the hi[at]yourdomain email. Pushing to the static branch should trigger a deploy that runs npm&bower install and gulp.

[m1guelpf]

@afnizarnur I've just migrated the static branch to the frontend-redesign-home branch. Could you please commit the rest of the static version (when it's ready) so I can migrate it? Switching the current layout from bootstrap v3 to bootstrap v4 doesn't look cool...

[m1guelpf]

@afnizarnur Any updates?

[afnizarnur]

Hi @m1guelpf, I'm sorry, I'm a bit busy because I'm working on a project right now.

I've attached front-end measurement also sketch files if someone want to help to convert it to HTML & CSS.
Source Files.zip
Measurement.zip

[m1guelpf]

@afnizarnur Hi!
Do you think you'll be able to finish this?
Thank you!

[afnizarnur]

@m1guelpf Yes, I think I can!

[m1guelpf]

@afnizarnur I have some free time now, so I'm going to try building some pages with your Sketch export.