Kurt Ball 27Works demo

[deanerfree]

Things accomplished:

1. Created environment variables to protect the token and auth details
2. Minor styling using MUI components and css styling
3. Built a custom button for styling purposes as there was a small bug when running the build and styling was changed
4. Using pagination listed out the articles with a max of 10 articles per page
5. Protected subscriberOnly routes by ensuring the user logs in first before reading subscriber only content
6. Further protected subscriber content by ensuring that only registered users and subscriberOnly are true otherwise they are redirected to the list of articles (if they somehow get beyond the article list page 😱😱)
7. If the user logs in they are able to read subscriberOnly content
8. The Login/Signup content is loaded via a modal
9. Used firebase to manage authorization
10. Created the option to sign up or login
11. Each article listed has a picture, title, and a brief description of what the article is about
12. Using the slug as the endpoint loaded the article in a separate page by clicking the Read more button
13. Looped through the sections to display the body of each article (Wasn't required but I wanted to explore the API)
14. The article page is very simple. The title, author and article content from the sections is loaded.
15. Created a back button on the article page to direct the user back to the article list
16. Ran the build with no issues

Things I would have liked to have done but were not important for this task

1. Figure out a way to click the back button from the article to the article list and have it "remember your location on the pagination"
2. When prompted to login when trying to read subscriberOnly content should redirect them to the article after loggin in
3. Add unit tests