joeprogrammer88 / cpw204-bookstore Goto Github PK
View Code? Open in Web Editor NEWA class example to learn git, GitHub, and TypeScript
Home Page: https://joeprogrammer88.github.io/CPW204-Bookstore/
A class example to learn git, GitHub, and TypeScript
Home Page: https://joeprogrammer88.github.io/CPW204-Bookstore/
Using localStorage, when a book is added by the user, it should be stored in localStorage as a string.
The user should be able to store multiple books. We need to check if there are any books currently stored in localStorage. If there are books, the newly added book needs to be stored with the existing book data. If there are no books currently stored, the new book should be stored as a list/array of size 1, so it's easy to pull the list out of storage and add to it later.
Currently, when the user clicks the Submit Book button, error messages will appear for invalid data. However, when adding valid data and clicking Submit Book again, the error messages do not clear.
At the beginning of the Submit Book button click, all error messages should be cleared out. Then only new invalid data will cause new error messages to appear.
In the example image below, a valid title was added, the Submit Book button was clicked again, but still the Title error message persisted.
Publish website using GitHub Pages. Add the GitHub pages URL to the main repo page and the README
All html pages need to share a consistent header, navigation, and footer
The client-side code will be written in TypeScript for this project. We need a tsconfig.json file, options need to be decided upon. We need instructions on how to get started in a README.md file. These instructions should include:
When the user comes back to the website, we must read book data from localStorage. If there are some books currently being stored, we must loop through them and display them on the web page. If there are no books currently in storage, no further action is needed.
This should be completed after #9
When a book is displayed on the page after filling out the add book form. It should be styled, and a layout for multiple books should be added and made responsive
On a new page, named Book.html, create an add book form. The add book form should contain input fields and validation for the following pieces of required information:
Create a class in TypeScript to hold all of this information in a single class.
Using CSS, style the Add Book form, and line up the controls more consistently, such as a 2 column layout
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.