https://github.com/chicacode/psious-challenge
Timeline project development that includes elements that can be dragged, dropped and resized
https://github.com/chicacode/psious-challenge
Last synced: 10 months ago
JSON representation
Timeline project development that includes elements that can be dragged, dropped and resized
- Host: GitHub
- URL: https://github.com/chicacode/psious-challenge
- Owner: chicacode
- License: mit
- Created: 2021-06-12T10:28:45.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-06-13T19:53:02.000Z (about 5 years ago)
- Last Synced: 2025-03-15T17:42:21.688Z (over 1 year ago)
- Language: JavaScript
- Size: 3.71 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Psious Front End challenge!
The exercise consists of creating a small Front project.
Where Box 1, Box 2 and Box 3 are elements that you can drag inside the gray rectangle (which is the timeline). You can drag as many elements of the same type as many times as you want, you could have two Box 2's inside the gray rectangle.
## Steps
1. Use your mouse/trackpad/finger to click and hold on an object
2. While continuing to hold drag that object to another part of the timeline
3. Once the object being dragged it over the target object, release and drop it into the target container, which will perform some action.
## Usage
npm run start
I'm running local development environment with webpack dev server
## Install
* use npm install
* Git clone repo main branch
* use the package manager NPM to install dependencies
## Stack Technology & Tools
* [CSS3]-[SASS]
* [JavaScript]
* [React] - JavaScript library for building user interfaces
## Dependencies
* Styled components
* React beautiful dnd
## License
MIT
## Contact me on
[LinkedIn](https://www.linkedin.com/in/geraldinealattrach/)
## Created by
Geraldine Hernandez Al Attrach