GroceriStar / frontend

GNU General Public License v3.0
1 stars 1 forks source link

Detailed explanation #2

Closed atherdon closed 6 years ago

atherdon commented 6 years ago

Story behind

Ok, main goal of creating this repository is to separate frontend logic of GroceriStar project with API logic. Right now, at current project stage it's looks like a mess. Project is simple, but at this stage too - it must be improved. So i dig into different options with question - how i can improve 'flow' when client and server are separated, files have good structure, project have build feature and can be updated/extended easily. All times, when i read articles I see that only React with webpack provide such kind of functionality. So i decide that in future i'll split front and API into a two different projeccts.

Big picture

Whole frontend must be implemented and then connected to a GS project. Design must be improved, pages must load fast, scripts must be organized, minified and combined together. Responsive for sure.

From what we can start.

Right now we have an ugly homepage. Yep it bad, cause i created it from landing page builder. Lazy and don't want to spend time on it. but content for LP was completed and can be an advantage for a next page creation steps.

To create a brand new, shiny page will be the first task. Did you need my guidance? or you can create it from scratch with some cool design that you'll pick? I mean there a lot of cool homepage designs, where we can grab styles and view. i have a few things to show you - but i want to see what you capable of.

next part pages, not related to shopping list and homepage. right now these pages are inner pages. and they look like a default dashboard with bootstrap styles - and this is how they built. i grab some styles, HTML templates from my previous projects.

right now these pages don't have a one simple UI. right now it just pages, that connected. a lot of people confused about how they can use the product. So it can be different ways to accomplish this problem. I'll want to hear your thoughts first and then explain my vision.

shopping list views. before i just get layouts and js code from TODOMVC and apply it. but it has some troubles with converting a logic. and it was not really optimized to mobiles. so when my friend starts joking about it - i spend few weeks and redo it basically from scratch. i find an HTML framework with styles related to mobile form elements and apply groceristar logic into that element. Not sure if I want to redo it again. maybe it'll be better to implement a gap between Gs and some other TODO list projects. cause I don't want to reinvent the wheel - better to focus on expanding features of it.

next item will be to understand for me - if some parts of React logic can be copy-pasted and converted into React native, cause I want to build an app in the future. maybe I need to share with you some design starter kits, that have a lot of predefined pages and can be used in my project.

Tell me what do you think! I'll extend this task - plan to add screens from current online version - so you'll have all data in one place. will do it later - if I'll see a lot of progress.

politologu commented 6 years ago

@atherdon hey Arthur as for React yet not ready to get started, because I need to learn more deeply about pure javascript, but as for with HTML5, CSS3 Javascript, bootstrap or similarly I am ready. I saw now the new design homepage is more beautiful than before

atherdon commented 6 years ago

@politologu ok, so what will be our plan? and by my opinion, you're more than ready - but somehow - you don;t trust in yourself...

yep, this page is better. but soon one of our designers will finished a custom homepage and we'll redo it again.