https://github.com/alireza-mh/carousel-component-pure

Carousel Component with pure JS
https://github.com/alireza-mh/carousel-component-pure

Last synced: about 5 hours ago
JSON representation

Carousel Component with pure JS

• Host: GitHub
• URL: https://github.com/alireza-mh/carousel-component-pure
• Owner: alireza-mh
• Created: 2020-01-30T13:46:09.000Z (almost 5 years ago)
• Default Branch: develop
• Last Pushed: 2022-12-05T06:47:04.000Z (almost 2 years ago)
• Last Synced: 2024-04-23T20:36:29.433Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 520 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Carousel challenge 

This is a carousel component based on `owl carousel`. This project tried to use an approach for writing reusable and readable component. Any contribution that helps to achieve these goals better are welcomed.

### Develop and Build

You can use the below command to run the project in development mode(port 8080):

```bash

npm start

```

For building:

```bash

npm run build

```

Also, there is a command that builds and serves the project(port 8000):

```bash 

npm run build-serve

```

### Run Tests 

please use follow command to run tests:

```bash

npm test

```

Also for E2E test you can run:

```bash 

npm run cypress:open

```

### Notice

this project has been created with the boilerplate for vanilla js and ts and you can find it [here](https://github.com/alireza-mh/Vanilla-js-ts-boilerplate)

### Todo

You can add image link or links (separate via `,`)to populate images to the carousel.

please include `http or https`(some of the improvement that can be handled by code).

every time you add an image a new one will append to the carousel.