commit

Author: koko37

slideshow/.gitignore

@@ -0,0 +1,32 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+junit.xml
+
+# production
+/build
+
+# distribution
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+/assets
+*.swo
+*.swp
+.watchman*
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.idea
+.env

slideshow/README.md

@@ -0,0 +1,49 @@
+# React: Slideshow App
+
+## Environment 
+
+- React Version: 16.13.1
+- Default Port: 8000
+
+## Project Specifications 
+
+Create a basic slideshow application, as shown below. Application requirements are given below, and the finished application must pass all of the unit tests.
+
+![Gif](https://hrcdn.net/s3_pub/istreet-assets/j3Q6jXZ3DOOPRlCs9hFcnQ/slideshow.gif)
+
+Your task is to complete the implementation of `src/components/Slides.js` according to the following requirements:
+
+- The Slides component takes an array of slides as a prop. Each element of this array denotes a single slide and is an object with 2 properties: string title and string text.
+- On application launch, the first slide must be rendered.
+- Clicking on the "Next" button shows the next slide. This button is disabled when the current slide is the last one.
+- Clicking on the "Prev" button shows the previous slide. This button is disabled when the current slide is the first one.
+- Clicking on the "Restart" button returns to the first slide. This button is disabled when the current slide is the first one.
+- You can assume that the passed slides array contains at least one slide.
+
+
+Initially, the file is filled with boilerplate code. Note the following:
+
+- The "Restart" button must have `data-testid="button-restart"`.
+- The "Prev" button must have `data-testid="button-prev"`.
+- The "Next" button must have `data-testid="button-next"`.
+- Each slide's title must be rendered as an `<h1>` element with `data-testid="title"`.
+- Each slide's text must be rendered as a `<p>` element with `data-testid="text"`.
+
+Please note that the component has the above data-testid attributes for test cases and certain classes and ids for rendering purposes. It is advised not to change them.
+
+**Read-Only Files**
+- `src/App.test.js`
+
+**Commands**
+- run: 
+```bash
+npm start
+```
+- install: 
+```bash
+npm install
+```
+- test: 
+```bash
+npm test
+```