Boiler plate for first in-class hackathon. This is a personal calendar. You can add events onto it with desired color. You can also choose or make your own color theme of the whole calendar.
- Press and enter "New Repository" page.
- On the top of the Page, choose "Import a repository"
- Set the link in the top to
https://github.com/VivianChan1998/109-1WebProg-Hackathon01-boilerPlate
- Set the project's name as
109-1-Web-Hackathon01
- Set the project to Private
This step is REALLY IMPORTANT. It is the only way we can grade your work
- Clone your own repository to a local folder, and, happy hacking! :)
- Important Warnings: DO NOT change the class names, id names, and variable names that are already defined.
- Make the calendar into 4 weeks. (10%)
- Change the color of a cell to
rgba(0, 0, 0, 0.103)
when they are hovered. (20%) - Change the color of a cell to black(
#000000
) after they are clicked. (30%) - When the user types something and clicks the "Add to calendar" button, store the text content in the cell that is currently selected. (35%)
- Add text to cell when the key "Enter" is pressed. (5%)
- Store the text WITH the color selected by the user.
- Implement your own theme.
Hint: The key words are CSS variables. Note that the grading process is based on the black theme, so please DON'T change the default theme.
-
如要測試,請先 安裝 node.js 以及 npm (裝 node.js 的時候應該就會自動安裝 npm 了)
-
如果無法安裝 node.js, 就請手動測試吧!成功安裝者,請進行以下步驟。
- In your repo folder, install dependencies with the command "npm install"
$ npm install
- Enter "npm run test" to test your code.
$ npm run test
- It takes few minutes to run the tests, and the results will be displayed in the terminal afterwards.