|
1 | 1 | # HTML, CSS & JavaScript |
| 2 | + |
| 3 | +Design and develop a simple bookstore Content Management System (CMS) table that lets users view and add records. For this task, you'll need to use HTML, CSS, and JavaScript to craft a user-friendly interface for content management. |
| 4 | + |
| 5 | +. |
| 6 | + |
| 7 | +### **Requirements** |
| 8 | + |
| 9 | +- Set up an initial CMS table with columns for various attributes such as name, author, and topic. |
| 10 | +- Fill the table with sample records or placeholder data. |
| 11 | +- Enable book search by title. |
| 12 | +- Permit users to input data for a new record and incorporate it into the table (no field validation necessary). |
| 13 | +- Allow users to delete rows from the table. |
| 14 | + |
| 15 | +**Assignment Deliverables** |
| 16 | + |
| 17 | +- Craft the project using **HTML, CSS,** and **JavaScript**; no need for frameworks or libraries. |
| 18 | +- The project should be deployable, and a demo link must be provided for review (While you can select any deployment platform, we've provided a [tutorial on using Vercel](https://dwarves.notion.site/Steps-to-Deploy-Your-Assignments-Using-Vercel-cff73a5fe1024e47a4f512bbb7f93c19) to simplify the process.) |
| 19 | +- **Bonus:** Store the data in the browser's [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage). |
| 20 | + |
| 21 | +**What Are We Looking For?** |
| 22 | + |
| 23 | +- The objective here is to assess how you organize your work, employ JavaScript for basic DOM manipulations, utilize semantic HTML, and style elements like the table, input fields, and buttons with CSS. |
| 24 | +- The app should be visually appealing, but there's no need to be overkill; a minimalist design is perfectly acceptable. |
| 25 | + |
| 26 | +### Submission |
| 27 | + |
| 28 | +- Begin your work using the html, js, and css files found in the assignment folder. |
| 29 | +- Ensure all the assignment code resides in the `/assignment-1` directory. |
| 30 | +- The final submission deadline is **21/09/2023**. |
| 31 | +- After completing and setting up the deployable demo, [open a Github issue](https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue) in your forked repository titled **Submission for assignment 1**. Include the demo link in the description. |
0 commit comments