Spread is a web application that provides users with the latest news articles, both globally and locally in the Philippines. The website was built to make it easy for users to stay updated on current events and trending topics in one convenient platform.
This project demonstrates my experience in full-stack web development, combining frontend ReactJS with a backend powered by NodeJS and ExpressJS.
The main goal of this project is to:
- Provide a centralized platform for accessing global and local news
- Display articles from reliable sources via NewsAPI
- Create a user-friendly interface for browsing trending news
- Improve accessibility to current events for students and general users
This project was built using:
- ReactJS – for creating a dynamic and interactive frontend
- NodeJS & ExpressJS – to handle backend API requests
- NewsAPI – to fetch the latest news articles
- JavaScript & CSS – for functionality and styling
These technologies allowed me to build a responsive, full-stack application with real-time news updates.
- 🌏 Global and Philippines-specific news
- 📰 Display of latest articles with titles, images, and summaries
- 🔗 Clickable links to full articles
- 📱 Responsive design for both desktop and mobile
- ⚡ Fast and lightweight performance
Through this project, I improved my skills in:
- Fetching and handling external APIs (NewsAPI)
- Building a full-stack application with ReactJS and NodeJS
- Managing backend routes and server requests with ExpressJS
- Designing responsive and interactive user interfaces
- Understanding how to structure a scalable web application
- Add user authentication to save favorite articles
- Implement search and category filters
- Add a dark mode option
- Improve UI/UX with animations and better layouts
Bryan A. Pajarillaga
Grade 12 Student
This project showcases my skills in full-stack development, API integration, and frontend design.