NC-news front-end
NC-news is a Reddit-esque news website built on top of NC-news back-end. The user can view articles of all topics, or just one by selecting from a drop down menu. The topics are colour-coded. There is a log on page, where visitors can select to be logged in as one of a range of set users, who just happen to be Mr Men characters. Once logged in, users can vote up and down on each article and can also post comments on each article. I tried to make the components as small as possible, as this is best practice in React, and it allowed me to reuse components in different places on the site. This was the first complex website I made and I am really pleased with the way it looks.
The API is hosted on cylic and database is hosted on ElephantSQL free-tier, and the success of requests can be slightly unreliable. In order to increace reliability, I used axios-retry which keeps requesting up to 10 times until a successful response. However, sometimes even this doesn't work- if a page fails to load after a reasonable time, please refresh!
The project was built with React.js and requests to the API are made using axios. I chose to use css modules in this project.