Chores Table Generator is a tool created to help students who live in a shared house/flat organize their house cleaning habits. You can create your weekly cleaning schedule by adding your roommates' names and various chores to share.
npm init
npm install
npm run start
next section - click arrow at the bottom of the page ⬇️
previous section - click arrow at the top of the page ⬆️
- Click the START button
- Type all roommates' names and go to the next section
- Type all the chores you would like to include in the table
- if you are out of ideas you can look for some examples by clicking on the Hint tab
- Go to the next section
- Now the table is created.
- every chore has a single row with empty cells for names card
- drag the name card from the list and put it in a table's cell
- Once you have finished
- download PDF file with your table (click the DOWNLOAD button)
unfortunately camera doesn't recognise dragged item while recording so it doesn't appear on screen in this preview
This project was bootstrapped with Create React App.
- React.js
- SASS
- ES6
- React DnD (Drag and Drop for React )
- Webpack
- Kendo UI (for creating PDF file)
- change Drop feature
- create final page: with email form and PDF file download button
- improve app design