Description/Steps to reproduce

Expected result

Additional information

Description/Steps to reproduce

Expected result

Additional information

Description/Steps to reproduce

Review main task please - #5

Download this template and convert it into react application
https://www.creative-tim.com/product/full-calendar

Expected result

Additional information

Description/Steps to reproduce

Review main task please - #5

Download this template and convert it into react application
https://codyhouse.co/demo/schedule-template/index.html

Expected result

Additional information

Here we'll keep answers to similar questions. Sub-tasks will be used for separated conversations.

Description/Steps to reproduce

https://github.com/ChickenKyiv/frontend/blob/dev-zheng/dev-zheng/assignment1/src/components/events/eventGroup.jsx#L16

#8

Expected result

Additional information

Description/Steps to reproduce

Please check this code repo. https://github.com/atherdon/ph-st
It's a UI Kit, that was created by my friends, and they shared with me a free sample to try.
basic idea is to convert that HTML code into react page.
You should provide your step-by-step plan, where you'll explain

• how you'll do it.
• What do you need from me
• What will be a problem and what questions do you have to me, before you'll start.

for fast start we can use a template from build folder
But also check their src structure and tell me - will you be able to setup a local version of development version where we'll be able to alter scss?

prev code located here: https://github.com/atherdon/ph-st
compiled HTML are here: https://github.com/atherdon/ph-st/tree/master/build

checklist
as it's a big task, please tell me your step by step plan.
it'll be cool to go from basic stuff first, like:

• implement header and footer and container -->
• then go to each block -->
• and show me the progress each time when you finish the item

So I can review it, and make some corrections.

in order to be able to see the result online - we must push repository code on https://www.netlify.com/
when you create an account here and try to move this repo - you'll need to get a grant access from me.
Do it - I'll receive a notification and I'll approve it.

Expected result

Additional information

First task you will be to check the code repo, find documents, that I've pushed there and please generate some questions.
Take your time, don't rushing you right now, because jumping in a new project can be a bit challenging.

Сheckout the repo.
Make a separated branch with a name that will give me an idea who is behind this branch.
And start to work on your test assessment. We'll use that code later, so do it well.

Spend on it about 4 hours or less. Then buzz me and i'll review your progress and tell you my notes.

• Create a folder inside your repository.
• Install and configure create-react-app
• Create components, static data from a separated array.

You should make at least one commit + push per day.
This task is for 2-3 days max.
Start to work on and before our 2 hours will end - post a message for me(at your github task) about what was done, what questions do you have, what is not clear for you... And tell me what you'll do tomorrow.

I want to have some page where we show all features. Demo here: https://codyhouse.co/demo/app-introduction-template/index.html

You need to use create-react-app and just move this html into that project

download and use it. it's free, so we don't need to worry.

Description/Steps to reproduce

• Create a separated branch and work on this things

• remove assignment2 folder

• Separate modals from App.js
  https://github.com/ChickenKyiv/frontend/blob/dev-zheng/dev-zheng/assignment1/src/components/main/App.js#L32-L35

• improve this line. It's long and complicated.

• use PR to your main branch so i'll be able to review your progress more easily

• make your dev-zheng branch up-to-date with documentation from main repo(use should pull data from master to your branch)

Description/Steps to reproduce

You should move modal related methods from App.js into Modal component
This part

  onOpenEventModal = (gIndex, eIndex) => {
    groupIndex = gIndex;
    eventIndex = eIndex;
    this.setState({isOpen: true});
  }

  onCloseEventModal = () => {
    this.setState({isOpen: false});
  }

To this

   let { isOpen, eventData, onCloseEventModal } = this.props;
    return (
      <Modal open={isOpen} onClose={() => onCloseEventModal()} center>

#8

Expected result

Additional information

Description/Steps to reproduce

https://github.com/atherdon/ph-st

Expected result

Additional information

Description/Steps to reproduce

Based on #8 (comment)

This is really main problem.
I don't know how to do responsive on React.
I only know about bootstrap grid system a little.
I really hope to learn responsive design

@icreamsoft Let's talk here about how we'll make it mobile ready.
Right now this task only for our plans. We didn't start to work on it while we don't have a propper plan.

Expected result

Additional information

First task you will be to check the code repo, find documents, that I've pushed there and please generate some questions.
Take your time, don't rushing you right now, because jumping in a new project can be a bit challenging.

Description/Steps to reproduce

• after latest adjustments in creative folder, all schemas are broken
• move releases plan into https://chickenkyiv.gitbook.io/documentation/frontend/releases-plan
• and add this link to readme too

Expected result

Additional information

Description/Steps to reproduce

Expected result

Additional information

Description/Steps to reproduce

Review main task please - #5

As you have limited knowledge of react - then we'll check your css/html/js skills only. So skip things related to react installation.

Can you recreate a similar thing from scratch? and it's better to not look at that code. use a demo only.
https://codyhouse.co/gem/reading-progress-indicator

#5

Expected result

Additional information

First task you will be to check the code repo, find documents, that I've pushed there and please generate some questions.
Take your time, don't rushing you right now, because jumping in a new project can be a bit challenging.

Description/Steps to reproduce

let's go with practice part.

• please delete everything from master branch. only readme file should be.
• create a featured branch from master and call it develop.
• put all your current code on this branch and commit it by using CLI(before you just drag-n-drop your code in browser)
• push changes into the repository so i can see your actual progress
• create a featured branch from develop and name it understandable. at this branch, you'll install packages flow-bin and jest
• create featured brach from develop and name it too. at this branch, you'll work on next code chapter, so name should show this.
• push this updates to code repo and buzz me.

later

• let's create some merge conflicts(i'll try to help you) - buzz me when you'll get to this stage.

Questions

• Tell me please what is HEAD thing about?
• Do you know how to close GitHub issue from git commit?
• what is origin?
• how to list all branches inside the repo?
• what difference between fetch and pull
• stash tell me more about it