https://github.com/simandrew/users-slider-reactjs
https://github.com/simandrew/users-slider-reactjs
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/simandrew/users-slider-reactjs
- Owner: SimAndrew
- Created: 2025-05-24T19:18:12.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2025-06-18T20:02:21.000Z (10 months ago)
- Last Synced: 2025-06-18T21:18:50.750Z (10 months ago)
- Language: JavaScript
- Size: 41 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Users Slider
### About:
This is a simple slider that displays users in a carousel format.
In this project, I created two sliders.
- using native React JS in `Carousel.jsx`
- using the library https://react-slick.neostack.com in `CarouselSlick.jsx`.
### Sample task, photo:
### Technologies, Libraries:
- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [React Slick](https://react-slick.neostack.com) is a popular React component library used for creating carousels and sliders within React applications. for the second slider,
- [React Icons](https://react-icons.github.io/react-icons/) is a popular open-source library that provides a collection of accessible SVG icons for React applications.
### Run the app:
- Clone a project: `git clone`
```
git clone https://github.com/SimAndrew/users-slider-reactjs.git
```
- Open project code in your editor.
- Install the dependencies, enter into the terminal:
```
npm install
```
- Run the project, enter into the terminal:
```
npm run dev
```