juliamv/culture-portal

RSS 2019-q3 stage#3 task

culture-portal's Issues

Create a photo gallery component

Create a reusable photo gallery component to display author's picture and pictures of his/her works.
Architects
Can be done using material UI.
Should look good on mobile devices.
The approximate layout:

(or any other, maybe a slider)

Change site name

The current site name is Gatsby Default Starter, in should be something like Architects of Belarus .

Implement multilanguage environment

Web portal has to be in 3 languages - by, ru, en. Content may vary for each version but interface elements have to be translated.

• add data to contentful CMS;
• implement or make use of the existing library for translation;
• add queries to fetch data from the cms;
• implement page links and proper urls

Add 404 page

This page should use our Layout component and display information for users for example "page not found"

Modify gitignore files

Add package-lock, .cache, .idea and etc. files to gitignore

Create footer component

Create footer component.
The approximate design is the following:
The footer should look good on mobile devices.
You can use your imagination and creativity or consult other members of the team for details.

Add artist card component

Add a separate artist card component with author's personal data

Add proptypes

Fix Gallery styles

Setup the basic project structure

• eslint and fix all errors
• husky
• editorconfig
• material ui
• setup build on Netlify

Update page after press "enter" on the search field

Create portal's description component

Create main page layout with:

• portal's description block;
• section for "author of the day" block (no content needed yet) (do we need a separate component?);
• "team description" block (no content needed yet);
  Please, use grid or flex.
  Should look good on mobile devices.
  The approximate layout:
  

Add Readme.md with score calculation

Delete current Redme.md. Rename Worklog.md to Readme.md, add score calculation and link to deploy.

Add Map component to Artist page

Add artist of the day information card

Add artist of the day card to main page

add styles for search field

Create geowidget for author's page

Create a reusable geowidget element to display place of author's major activity on a map: google / openstreetmap (leaflet) / yandex.
Should be done using React.
May include draft content.

Geowidgets

Add information about Shabunevskiy

you can use information from this folder https://drive.google.com/drive/folders/1s291ZiCZCA9MuaJuhAB_m5SW-kXQXnFA
Information should be translated into three languages: ru, by, en.

youtube link should consist URL with embed part (button share beneath the video, choose embed and take URL from iframe example)
map URL should be created throw https://yandex.ru/map-constructor/ (take URL from provided iframe)

To log your work create a branch and commit time into worklog.

Create navigation through artist page

Should we add navigation through artist page (template) like this https://grnkvch.github.io/CodeJam-Culture-Portal/en/Gaj ?

add custom favicon

Fanicon can be generated via https://favicon.io/ or so one.
To add favicon to the prodject use Helmet (already added into Layout component)

Fix artist of the day random selection

Fix artist of the day random selection to display the same card on each page

Create a convention on naming

Create a convention on naming and how-to file to manage team work.

Refactor Artists Page components (add check for necessary data)

Create a search component

Search should be on the current language with ability to search by name, city/place of birth

Create timeline component

Create a reusable component to display biography in the form of timeline (example here).
Should be done using React.
Timelines

Change navigation buttons should to links

The Link component from gatsby should be uset

Add information about Korol

you can use information from this folder https://drive.google.com/drive/folders/1s291ZiCZCA9MuaJuhAB_m5SW-kXQXnFA
Information should be translated into three languages: ru, by, en.

youtube link should consist URL with embed part (button share beneath the video, choose embed and take URL from iframe example)
map URL should be created throw https://yandex.ru/map-constructor/ (take URL from provided iframe)

To log your work create a branch and commit time into worklog.

Create header component

Create header component.
Should have approximately such style:

• a backgound image;
• a logo image;
• menu items for list of architects and gallery
  (links can be left empty at this stage).
  The header should look nice on mobile devices.
  You can use material design to create elements.
  Contact Anna Pronovich for sources.
  

Add styles to Architect page (template)

This page should be relatively correctly displayed on tablets and mobile phones.
Please, use Material UI

Create language selector component

Refactor a language selector component to switch languages using material design

Add Artist photo to artist page

Create Author page template

Create author page template with fields for the following information (no content or draft content if desired):

• name and photo
• years of life
• timeline
• list of artist's works with the date of creation
• video
• geotag
• photo gallery with author's picture and pictures of his/her works

Should look good in mobile devices.

Impove artists list

• There is a bug with mobile appearance
  

• Also, I think we don't need a youtube video link on artist card, the read more button should be moved to the right and support other languages.
  

• Add information about the place of birth to the artist card

• Add hover effect for artists card, you can use scale or box-shadow (do not miss a transition property)

• The search field should be styled and also support other languages for "not found"

Create Layout component

Create basic page layout (main container).
No content is required.
There should be fields for header, footer and main section, positioned vertically. Use grids or flex. You can use draft styles (e.g. background color) to display the elements on the page.
The approximate structure should be the following.
At this stage you can use divs or sections to separate content.

Add basic styles to the project

In the form agreed on add basic styles and fonts for the project.

add editorconfig

Connect search component to graphql

Create a video component for author's page

Create a component that display a youtube video about the author / works / period of time author lived. Video must open in a new overlay (modal).
Should be done using React.
May include draft content

Add information about Levin

you can use information from this folder https://drive.google.com/drive/folders/1s291ZiCZCA9MuaJuhAB_m5SW-kXQXnFA
Information should be translated into three languages: ru, by, en.

youtube link should consist URL with embed part (button share beneath the video, choose embed and take URL from iframe example)
map URL should be created throw https://yandex.ru/map-constructor/ (take URL from provided iframe)

To log your work create a branch and commit time into worklog.

Create a list of works component for author's page

Create a reusable React component with list of artist's works with the date of creation.

Add scss to project

Add scss plugin and main css-variables file

Add information about Parusnikov

you can use information from this folder https://drive.google.com/drive/folders/1s291ZiCZCA9MuaJuhAB_m5SW-kXQXnFA
Information should be translated into three languages: ru, by, en.

youtube link should consist URL with embed part (button share beneath the video, choose embed and take URL from iframe example)
map URL should be created throw https://yandex.ru/map-constructor/ (take URL from provided iframe)

To log your work create a branch and commit time into worklog.

Add styles to List of Architect page

This page should be relatively correctly displayed on tablets and mobile phones.
Please, use Material UI

Fix language select performance

Fix language select performance on selecting the same language

Translate vide button and add loader

Create List of Authors page layout

Search(filtering) should be on the current language with ability to search by name, city/place of birth
No content needed yet, but draft content can be provided.
Please, make a reusable element for an "information about an author" block, do not duplicate code.
You can make something similar to this or use your own imagination and creativity. Please, use flex or grid.
Should look good on mobile devices.
Architects
The approximate list of authors layout: