Booklist CRUD App
Compact and convenient list
Tools: VS Code, React, React-Bootstrap
Languages: JavaScript, HTML, CSS
Github: https://github.com/krembacz/Booklist-App
Goal: A compact and quick booklist app with all API CRUD operations
Feature List: Clean UI, API CRUD functionality, submission validation to terminal, and easy-on-the-eyes color palette
Deliverables: functioning and coded application
Coding
Coded in VSCode. The code was meticulously organized and commented. In addition, the use of bootstrap modal called for a special useState hook to establish which modal of the entries will be opened on edit, target the correct one, and change the correct entry. A context file was used for the API CRUD functions.
Final App
The app is compact and sleek. The design was to imitate an art piece that is matted and framed. There is vertical scrolling for the individual book cards / entries.
Reflections and Considerations
This application was a refined version of a previous vanilla JS, HTML, and CSS project. With API CRUD functionality, had been shared with friends so they can add their own entries. In order to improve on this, I would love to add genre tags for books and a search box or filter function in order to make the entries more easily accessible. If I had were to expand on the site, I would display more recipes on the home page below the featured recipe section. I would also add a few more features to the individual recipe pages, such as ingredients required in ounces vs. cups which could be toggled. Even including picture uploads for each steps as options for users.