Welcome to the frontend of NC News, a React-based news aggregation platform built during my time at Northcoders. This project consumes a RESTful API I built for the backend and allows users to browse, sort as well as interact with articles.
Originally, I styled this app with a pixel-art aesthetic but after my final project at Northcorders which was a collaborative RPG-style game built with other talented developers, I was inspired to reboot the project with a cleaner, more refined design. My goal now is to give it a modern, accessible interface and expand its capabilities further.
Frontend in development – not yet deployed
- React (with hooks and functional components)
- React Router DOM for client-side routing
- Axios for API requests
- CSS for styling
- Bootstrap for component styling and layout
- Tailwind CSS (explored in previous versions)
- Render for backend deployment
- Fetches articles from a hosted REST API
- View all articles on the homepage
- Dynamic topic filtering (WIP)
- User login (preloaded with
grumpy19) - Individual article view (coming soon)
- Votes and comments functionality (to be implemented)
- Responsive and accessible design in progress
-
Clone the repo:
git clone https://github.com/your-username/nc-news-frontend.git cd nc-news-frontend -
Install dependencies
npm install
-
Run the frontend
npm run dev- API source The app fetches data from https://nc-news-ysld.onrender.com/api
- Full single article views
- Comment functionality
- Voting system
- Sort & filter articles
- Responsive mobile layout
- Dark mode toggle
- UI/UX enhancements
This project has evolved alongside me, from pixel art beginnings to a more refined, responsive design.
Thanks to earlier versions, I’ve had the chance to experiment with frameworks and tools like Tailwind CSS, deepening both my technical toolkit and creative approach.
It’s still growing with more features, polish, etc.
Feel free to fork or drop by with feedback or ideas :)