Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ajr-dev/global-news
A modern web application for viewing global news with an interactive globe visualization.
https://github.com/ajr-dev/global-news
news nextjs tailwindcss three-js threejs
Last synced: 11 days ago
JSON representation
A modern web application for viewing global news with an interactive globe visualization.
- Host: GitHub
- URL: https://github.com/ajr-dev/global-news
- Owner: ajr-dev
- License: apache-2.0
- Created: 2025-02-08T21:22:01.000Z (12 days ago)
- Default Branch: main
- Last Pushed: 2025-02-08T21:22:26.000Z (12 days ago)
- Last Synced: 2025-02-08T21:24:22.918Z (12 days ago)
- Topics: news, nextjs, tailwindcss, three-js, threejs
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![]()
Global News
A modern web application for viewing global news with an interactive globe visualization.
## 🚀 Features
- Interactive 3D globe visualization
- Latest trending news
- Responsive design## Getting Started
### Prerequisites
- Node.js 18+ and npm
### Installation
1. Clone the repository:
```bash
git clone https://github.com/ajr-dev/global-news.git
cd global-news
npm install
```2. Run the project:
```bash
npm run dev
```## Tech Stack
- **Next.js**: A React framework for server-side rendering and generating static websites.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **Three.js**: A JavaScript library for creating 3D graphics.## 💻 Usage
1. Open the Global News application in your browser.
2. Interact with the 3D globe to view news from different regions.## Citation
If you utilize this repository, data in a downstream project, please consider citing it with:
```
@misc{global-news,
author = {AJR},
title = {A modern web application for viewing global news with an interactive globe visualization.},
year = {2025},
publisher = {GitHub},
journal = {GitHub repository},
howpublished = {\url{https://github.com/ajr-dev/global-news}},
```## 🌟 Star history
[](https://star-history.com/#ajr-dev/global-news&Date)
## License
[Apache License 2.0](LICENSE)
## 🤗 Contributors
This is a community project, a special thanks to our contributors! 🤗