Shipped: Personal reading list

What did you build? I built a responsive Personal Reading List web application using HTML, CSS, and JavaScript. Users can add articles/resources with a title and URL, view saved items, and remove items. The reading list uses browser localStorage for persistent data. How can a reviewer see that the acceptance criteria are met? * Loading state: Open ?state=loading and the loading state will be displayed before the content loads. * Error state: Open ?state=error to see the error message explaining what failed and providing a Try Again action. * Empty state: Open ?state=empty to see an explanation of the reading-list feature and an Add your first article action. * Normal data state: Add an article using the form and verify that it appears in the reading list and remains available after refreshing. * Responsive design: Test the application on mobile and desktop widths; the layout adapts without horizontal scrolling. * Accessibility: Use keyboard Tab navigation to verify visible focus states and use Enter/Space to operate buttons. * Documentation: The README contains the exact steps and URLs for testing all three states without making any code changes. Live Demo: https://vanshika2723.github.io/Personal-reading-list/ Repository: https://github.com/vanshika2723/Personal-reading-list.git Live: https://vanshika2723.github.io/Personal-reading-list/ Built for the Verified Frontend Internship · state and data

showcase

internship

Add a comment

0/2000