User Story: Show list of articles, including pagination after 6 articles

[DeeMcCart]

EPIC: MVP

As a Site User I can view a paginated list of articles so that I can select one to read

Assumptions:

Admin profile creates the posts

Acceptance Criteria

• User (not signed in) can see a list of published articles on the site homepage
• Articles are paginated with max 6(?) per page arranged in 3-column layout on desktop/laptop screen

Tasks (Model - View - Templates)

Model : already done View: :

• [x] Task1 In views.py, create class ArticleList as a listview with pagination Templates:
• [x] Task2 Create a templates folder (if doesn't already exist)
• [x] Task3 Populate a styles.css file into templates folder
• [x] Task4 Add base.html into templates folder - to load bootstrap, fonts, footer & content-blocks
• [x] Task5 Add index.html into templates folder
• [x] Task6 Add article_detail.html into templates folder
• [x] Task7 in index.html, create a template to render the view Connect up URLs:
• [x] Task8 Create urls.py file in the app (fp_blog) folder & add urlpatterns entry for "" (home)
• [x] Task9 Modify urls.py file in the project (financial-planner) folder, add urlpatterns entry for "", direct to include fp_blog.urls

[DeeMcCart]

23.10.23 Note - Re-used CI template files base.html, index.htm and post_detail (renameed to article_detail).html. Copied across CI style.css & modified classnames to read 'article' rather than 'post'

[DeeMcCart]

Done 23.10.23 see screenprint below (just one article in database at present). Still some work to do on tuning the site appearance in base.html and style.css but will come back to that later.

[DeeMcCart]

Added some more articles so 7 published articles in total to check if pagination is working - yes, as per screenshots below:

see second page here:

[DeeMcCart]

23.10.23 Also informally tested to ensure that the user only sees articles at 'published' status, not 'draft' status