- implement a carousel described here as a React component
<Carousel images={['url1', 'url2']} />
- add an ability to customize
itemWidthwith default value of130px - add
frameSize- number of images displayed at the same time with the default of3 - add
step(default 3) - number of images scrolled per click - add
animationDuration(default1000) - time in ms to show the new portion of images - (*) add an
infiniteprop (falseby default) - to do the carousel cyclic<Carousel images={['url1', 'url2']} step={3} frameSize={3} itemWidth={130} animationDuration={1000} infinite={false} />
- Fork the repository with task
- Clone forked repository
git clone [email protected]:<user_name>/<task_repository>.git
- Run
npm installto install dependencies. - Then develop
- Run
npm startto start development server onhttp://localhost:3000When you run server the command line window will no longer be available for writing commands until you stop server (ctrl + c). All other commands you need to run in new command line window. - Follow HTML, CSS styleguide
- Follow the simplified JS styleguide
- run
npm run lintto check code style - When you finished add correct
homepagetopackage.jsonand runnpm run deploy - Add links to your demo in readme.md.
[DEMO LINK](https://<your_account>.github.io/<repo_name>/)- this will be a link to your index.html
- Commit and push all recent changes.
- Create
Pull Requestfrom forked repo(<branch_name>)to original repo (master). - Add a link at
PRto Google Spreadsheets.
You should be writing your code in src/ directory.