Mundo News is a CRUD (create, read, update, delete) web application in the style of a Reddit news site. It is built with a combination of HTML, CSS and JavaScript using React.js. The project was planned and completed within 5 days as part of the frontend review during my Northcoders Bootcamp.
A deployed version of the site can be seen here -
https://mundo-news.netlify.app/
It connects with an API that I built previously which you can find on my GitHub here -
https://github.com/mundocalrisian/be-nc-news.git
To start using this project, please first clone the repository from GitHub using the following command
git clone https://github.com/mundocalrisian/fe-mundo-news.git
Next you'll need to install the dependencies by entering the following into the terminal
npm install
Then to host the page locally, enter
npm run dev
Please note - on loading the site for the first time, you may notice a bit of a delay in the articles loading. This is normal whilst the instance spins up having not been used for a while and is a limitation of the free tier from Render.
In order to use some of the features you will need to be logged in to the site. The login only accepts usernames that are listed in the database which can be seen here -
https://nc-news-b3bj.onrender.com/api/users
- NodeJS - https://nodejs.org/en (minimum version 20.10.0)
- npm - https://www.npmjs.com/ (minimum version 10.5.0)
- React - https://react.dev/ (minimum version 18.2.0)
- Axios - https://axios-http.com/ (minimum version 1.7.4)
- Vite - https://vitejs.dev/ (minimum version 5.1.4)
- React - https://react.dev/ (minimum version 18.2.0)
- react-select - https://react-select.com/ (minimum version 5.8.0)
- react-router - https://reactrouter.com/en/main (minimum version6.22.3)
- react-share - https://www.npmjs.com/package/react-share(minimum version 5.1.0)
- mundocalrisian - https://github.com/mundocalrisian/
- northcoders - https://github.com/northcoders