groceristar/homepage

Homepage groceristar v.3

Groceristar Homepage v.3

Build with Gatsby help

gatsby-starter-forty

Gatsby starter based on the Forty site template, designed by HTML5 UP. Check out https://codebushi.com/gatsby-starters/ for more Gatsby starters and templates.

Preview

http://gatsby-forty.surge.sh/

Installation

Install this starter (assuming Gatsby is installed) by running from your CLI: gatsby new gatsby-starter-forty https://github.com/ChangoMan/gatsby-starter-forty

Run gatsby develop in the terminal to start.

homepage's Issues

Menu options are not working

Open https://goofy-keller-15b71e.netlify.com/
Click on Menu hamburger
Click on any option except contact
Actual- Observe nothing will happen

Do we want to change menu?

Open https://goofy-keller-15b71e.netlify.com/

Observe menu and hamburger menu

1. when you will hover on menu it will show javascript ,

Is it possible we can show just hamburger ?

2. On header we can show following?

Signup

Sign in

Help

Menu Icon not menu word

Some examples I have found, we can take them as samples ?

https://www.grocerypal.lk/

https://www.uber.com/en-AU/

manual testing

this is a link to our homepage: https://goofy-keller-15b71e.netlify.com/
please review it and report here in a good way how report bugs.

https://gist.github.com/ryanflorence/daafb1e3cb8ad740b346

вывод данных внутри

использовать темплейты и Bootstrap
вывод menu, вывод соцссылок

статические мелкие страницы, CF?
нужна она мне или нет
посмотреть реально ли мне нужны другие стартеры
форма логина - след этап
проверить респонсив.

Remove HTML5 from footer

1. Open https://goofy-keller-15b71e.netlify.com/
2. Scroll Down

Observe HTML5 (This should be removed?)

Only grocery star is highlighted (Is this intentional?)

Open https://goofy-keller-15b71e.netlify.com/

Observe only grocery star is highlighted (Is this intentional?)

check loading speed

Description/Steps to reproduce

Expected result

Additional information

Scroll bar and vertical lines appears on small screen

1. open https://goofy-keller-15b71e.netlify.com/ on mobile (I used microsoft lumia)
2. scroll down

observe vertical lines and scroll bar

fix travis checking

Horizontal scroll on small screen size

I noticed this weird behavior when the homepage was viewed on a small screen size.

• Current Behavior: Horizontal scroll on small screen size, impairing a good user experience
• Expected Behavior: Only vertical scroll is expected on small screen size for good user experience

Terms, Privacy , credits are underlined (Is this intentional?)

1. open https://goofy-keller-15b71e.netlify.com/
2. scroll down
   go to social icons

observe underlines in Terms, Privacy , credits (Is this intentional?)

Expected

https://buymeapie.com/

updates

Please format my code at this places:
Please move static text from this files, to data folder

• https://github.com/atherdon/bebe-grocery/blob/master/src/components/ScienceTag/ScienceTag.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/ScienceTag/ScienceTag2.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FeaturesTag.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FeaturesTag2.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FFList.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Banner.js

I launched your project and few things don't look great.

First of all i think there all static data from onboarding.
Sample is missing. maybe you didn't commit it, but in reference that what files we need -> I pushed whole HTML archive into a bin folder.

You'll need to move JS files, css and scss files too from that template.
Images are good. It's ok, not to move video, if this not make css logic don't look broken

Clicking on contact option, shows error screen

Open https://goofy-keller-15b71e.netlify.com/
Click on Menu hamburger
Click on contacts
Observe error message

Other options like social links, privacy, terms, are also not working.

quotes + checkbox list - looks not good

case study urls not completed

https://github.com/atherdon/bebe-grocery/blob/master/src/components/ScienceTag/ScienceTag.js#L35

https://github.com/atherdon/bebe-grocery/blob/master/src/components/ScienceTag/ScienceTag2.js#L34

use checklist

https://gist.github.com/midorikocak/efe44e1f7a1931983e7f

Clicking on Logo doesn't refresh screen

1. Open https://goofy-keller-15b71e.netlify.com/

2. Click on logo

Observe site won't refresh ( in other websites, if click on logo on home page , screen gets referesh. Open facebook.com, multiple click on facebook logo, observe it will refresh on every click)

add about us to static pages

Description/Steps to reproduce

this project have a similar logic to docusaurus - i mean it store content at markdown files.

1. setup project locally. as i update some of packages - i think we can have some troubles with this websites - this should be figure out.
2. add about us page. tell me if you cannot figure out how to do it.
3. add content that we have:

Company Introduction
GroceriStar is a startup company providing the smartest and easiest way of organizing your online grocery shopping lists.

GroceriStar is a high potential company working on a project to fill the gap between recipe websites and your old-fashion paper grocery shopping list. Our goal is to make grocery shopping easy by providing you with a simple way to manage all your grocery shopping lists by allowing you to have multiple lists and each list can have ingredients needed to be bought.

We are continuously expanding our project functionalities with the objective to save you time and money. Additionally, we plan to create a pluggable feature to establish compatibility with all your favorite recipe websites.

We contribute to the programming community by ensuring that all GroceriStar code is open-source and we welcome collaboration from other food tech companies in creating sustainable and easy-to-use grocery lists functionalities.

At GroceriStar:

• We promote a culturally diverse team.
• We are proud of our unique accents while conversing in English.
• We are located around the globe, and political borders are no obstacles to us.
• We are composed of individuals with various levels of skills and expertise.

GorceriStar is an equal opportunity employer. All applicants will be considered for employment/internship without attention to race, color, religion, sex, sexual orientation, gender identity, national origin, veteran or disability status.

Expected result

Additional information

menu on responsive not working well

footer updates

please check Footer component - and i think you know what you should to do.
we didn't have a separated file for array - so please create it.

connect medium posts to HP

Description/Steps to reproduce

I'm curious, if you can dig quickly into similar to create-react-app structure, but with different project logic that you never touched before and include this package into our project and display excerpts of my medium articles on a separated static page
https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-medium

Expected result

Additional information

не респонисв

непонятно что именно мы делаем
features -> looks awful
медленно работает

review this articles

Description/Steps to reproduce

https://hackernoon.com/building-a-static-blog-using-gatsby-and-strapi-8b5acfc82ad8

https://reactstrap.github.io/
https://reactstrap.github.io/components/carousel/

https://github.com/gatsbyjs/gatsby/tree/master/examples/using-mongodb

https://github.com/gatsbyjs/gatsby/blob/dcfa0fab32e168c075c052dde7ecd97736c6147a/www/src/html.js

404
gatsbyjs/gatsby#1051
gatsbyjs/gatsby#4115
gatsbyjs/gatsby#3521
gatsbyjs/gatsby#1995
gatsbyjs/gatsby#1838
gatsbyjs/gatsby#2267
gatsbyjs/gatsby#2878
https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/add-404-page.md
https://www.gatsbyjs.org/docs/add-404-page/

Expected result

Additional information

Custom webpack config

https://www.gatsbyjs.org/docs/add-custom-webpack-config/

404 is Dynamics- not static

remove \ disable tests posts

faq page

Description/Steps to reproduce

• create 10-15-20 most common questions

Free to use fronted tools
(typo)

but not limited to Frequently Asked Questions and the Privacy Policy.
We Don't have a FAQ page :(

Expected result

Additional information

bug report example

http://archaeogeek.github.io/foss4gukdontbeafraid/bugs/index.html
https://coenjacobs.me/2013/12/06/effective-bug-reports-on-github/

update to the next version of template

Description/Steps to reproduce

https://github.com/codebushi/gatsby-starter-forty

Also i think we should install latest verions of Gatsby - because right now our builds failing

Expected result

Additional information

hide some inner pages like landing, elements, etc

блог

сделать просто блог в котором я буду описывать то что делается чсейчас. возможно это будут части с медиум...

Check links on the top menu

Do we need tool tip for close icon?

1. Open https://goofy-keller-15b71e.netlify.com
2. click on menu option
3. Hover on close icon

Observe nothing will appear, or user don't have any idea what is the use of this icon

add tests to all of our React components, by using JEST

@poojashukla10
At this folder we have all our major components for homepage: https://github.com/GroceriStar/homepage/tree/master/src/components

• Add %component%.test.js file for each component and add simple tests for empty rendering
  I can provide an example if you wish.
• Create simple tests for child components inside parent component

In order to do it - you need to fork this repo, apply your changes and open a pull request in order

blog section - fetch from medium

create an excerpts with links to my medium posts, related to GS development

When user clicks on menu option logo disappears

1. open https://goofy-keller-15b71e.netlify.com/
2. click on menu

observe logo is not there

Do we want something like this?

Features sections

This files have a lot of static data inside too.
And FeaturesTag and FeaturesTags is duplicated components, right? Please make it better

• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FeaturesTag.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FeaturesTag2.js
• https://github.com/atherdon/bebe-grocery/blob/master/src/components/Features/FFList.js

And

• Please delete FeaturesList component

СHECklist

all links should works as previous GS homepage releases
FB, TW, Github, other login, etc

Header menu
Responsive stuff
Complete blocks
fixes at codestyle
all content we got from json files -> but i don't care o do it myself
footer fb links
whole texts for block quotes
links to full study
add marketing things like google analytics, drift, other stuff.
confusing features stuff
science tags are similar - make it one.
Latest Font awesome version 5.0.10 install and include it
add FB icon to links, buttons

Fix Travis CI Builds + netlify deploy

Description/Steps to reproduce

https://www.linode.com/docs/websites/static-sites/install-gatsbyjs/
https://gist.github.com/chrislaughlin/6fa93d86886b8f5de37d07d6f961ee9c

We'll move static pages that in development mode to netlify
i think this will make our livse easier
https://www.gatsbyjs.org/docs/deploy-gatsby/#netlify
https://www.netlify.com/

please post a link to netlify app here

Expected result

Additional information

menu from array

https://github.com/atherdon/bebe-grocery/blob/master/src/components/Menu.js

So we should have file at folder data. that file will have similar look:
https://github.com/ChickenKyiv/recipe-search-react/blob/master/src/data/allergies.js

Check files first/second - we have some work started, but didn't finished.
menu items we'll replace with loop.

Feature Screen in not incomplete/or not formatted properly

Open https://goofy-keller-15b71e.netlify.com/
Click on mobile oriented design and observe screen
Actual- Not formatted properly ( or we are still working on it?)