https://github.com/agapas/images-switcher

React app to switch images on toggle, on mouse hover or touch and by scrolling the page, made to practice React Hooks.
https://github.com/agapas/images-switcher

enzyme enzyme-testing functional-programming images-switcher jest jest-tests react react-hooks reactjs reactjs-es6

Last synced: about 1 month ago
JSON representation

React app to switch images on toggle, on mouse hover or touch and by scrolling the page, made to practice React Hooks.

• Host: GitHub
• URL: https://github.com/agapas/images-switcher
• Owner: agapas
• License: mit
• Created: 2020-05-24T10:27:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-07-04T18:04:41.000Z (over 4 years ago)
• Last Synced: 2024-11-20T19:19:32.928Z (3 months ago)
• Topics: enzyme, enzyme-testing, functional-programming, images-switcher, jest, jest-tests, react, react-hooks, reactjs, reactjs-es6
• Language: JavaScript
• Homepage: http://agapas.github.io/images-switcher
• Size: 2.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# images-switcher

Simple app to switch images on toggle, mouse hover (or touch on mobiles) and by scrolling the page.

The project is made with React (to practice the React Hooks), in a Functional Programming like approach.

Unit tests made with Jest and Enzyme.

Demo page visible at: [http://agapas.github.io/images-switcher](http://agapas.github.io/images-switcher).

The project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Running the project

- go to project directory,

- run `npm i` to install packages (just a first time),

- run `npm start` (it runs the app in the development mode and opens [http://localhost:3000](http://localhost:3000) automatically to view in the browser).

## Testing the project

In the project directory run `npm test`. It launches the test runner in the interactive watch mode.


Run `npm coverage` to see coverage report.

## Production build

To run a production build use command `npm run build`. It builds the app for production to the build folder.

## License

This project is licensed under the [MIT] License - see the [LICENSE.md](LICENSE) file for details.