An example frontend for a social news site.
A 'production' version is hosted at nc-news2024.netlify.app.
When the backend server is not in use, it is spun down, so you may see loading messages. You will need to refresh the browser to get the first load to succeed in that instance, which can take up to a minute. This only affects the first load and only if the example server has been spun down.
You can check the health of the backend server by going to nc-news-gjzo.onrender.com/api in a web browser and checking if a JSON object is rendered. Likewise, you can check the health of the backend database server by going to nc-news-gjzo.onrender.com/api/articles.
I built this as a portfolio project while on the Northcoders JavaScript full-stack course. All code is my own.
- The runtime environment is browser-based
- The framework is React
- Network calls use Axios
- Routing uses React Router DOM
- Building uses Vite/CodeKit
Requires Node.js v22.3.0+
-
Clone the repo from github.com/stevelw/fe-nc-news.git
git clone https://github.com/stevelw/fe-nc-news.git -
Install the development dependencies
cd fe-nc-newsnpm install -d -
Launch the local server
npm run dev