Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahsanhabib002/worldview
WorldView Daily is a modern, dynamic newspaper website designed to keep users updated with the latest trending articles and global news. It offers advanced features for regular users, premium subscribers, publishers, and administrators, ensuring a seamless content management and reading experience.
https://github.com/ahsanhabib002/worldview
daisyui firebase-auth js mongodb reactjs tailwindcss vercel
Last synced: 7 days ago
JSON representation
WorldView Daily is a modern, dynamic newspaper website designed to keep users updated with the latest trending articles and global news. It offers advanced features for regular users, premium subscribers, publishers, and administrators, ensuring a seamless content management and reading experience.
- Host: GitHub
- URL: https://github.com/ahsanhabib002/worldview
- Owner: AhsanHabib002
- Created: 2025-02-05T09:45:53.000Z (9 days ago)
- Default Branch: main
- Last Pushed: 2025-02-05T09:52:12.000Z (9 days ago)
- Last Synced: 2025-02-05T10:36:47.472Z (9 days ago)
- Topics: daisyui, firebase-auth, js, mongodb, reactjs, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://worldview-daily.web.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📰 WorldView Daily
**WorldView Daily** is a modern, dynamic newspaper website designed to keep users updated with the latest trending articles and global news. It offers advanced features for regular users, premium subscribers, publishers, and administrators, ensuring a seamless content management and reading experience.
**Live Sites:**
- [**worldview-daily.web.app**](https://worldview-daily.web.app/)
- [**worldview-daily.firebaseapp.com**](https://worldview-daily.firebaseapp.com/)
---
## 📸 Screenshot
---
## 🚀 Technologies Used
- **Frontend:** React, Vite, Tailwind CSS, DaisyUI
- **State Management & Data Handling:** React Query, Axios, LocalForage
- **Charts & Visualization:** React Google Charts
- **Payment Integration:** Stripe (via `@stripe/react-stripe-js` & `@stripe/stripe-js`)
- **Form Handling:** React Hook Form, React Select
- **UI & Animations:** GSAP, Swiper, React Modal, React CountUp
- **Notifications & Alerts:** React Toastify, SweetAlert2
- **Authentication & Backend Integration:** Firebase
---
## ✨ Key Features
### 📰 **For General Users:**
- View trending articles with real-time view counts
- Register for premium subscriptions to access exclusive content
- Update personal profile information
- Post articles and manage their status (update/delete)
### ⭐ **Premium Features:**
- Access to premium articles exclusive to subscribed users
### 🛠️ **Admin Dashboard (Admin Only):**
- **User Management:**
- View all users (normal, premium, and admins)
- Update user roles (promote to admin, delete users)
- **Article Management:**
- Approve, decline, or mark articles as premium
- Add new publishers
### 📊 **Live Stats & Analytics:**
- Real-time statistics on user activity and subscription data
---
## 📦 Dependencies
### Production Dependencies
- `react` `^18.3.1`
- `react-dom` `^18.3.1`
- `react-router-dom` `^7.1.1`
- `axios` `^1.7.9`
- `firebase` `^11.1.0`
- `@tanstack/react-query` `^5.64.1`
- `@stripe/react-stripe-js` `^3.1.1`, `@stripe/stripe-js` `^5.5.0`
- `localforage` `^1.10.0`
- `react-google-charts` `^5.2.1`
- `react-hook-form` `^7.54.2`
- `react-select` `^5.9.0`
- `react-modal` `^3.16.3`
- `react-toastify` `^11.0.3`
- `sweetalert2` `^11.15.10`
- `swiper` `^11.2.1`
- `match-sorter` `^8.0.0`
- `sort-by` `^1.2.0`
- `react-icons` `^5.4.0`
- `react-countup` `^6.5.3`
- `@gsap/react` `^2.1.2`
### Development Dependencies
- `vite` `^6.0.5`
- `tailwindcss` `^3.4.17`
- `daisyui` `^4.12.23`
- `eslint` `^9.17.0` and related plugins
- `postcss` `^8.5.1`
- `autoprefixer` `^10.4.20`
---
## ⚙️ Installation & Setup Guide
Follow these steps to run **WorldView Daily** locally:
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/worldview-daily.git
cd worldview-daily
```
2. **Install dependencies:**
```bash
npm install
```
3. **Start the development server:**
```bash
npm run dev
```
4. **Build for production:**
```bash
npm run build
```
5. **Preview the production build:**
```bash
npm run preview
```
---
## 🔗 Live Sites
- [**worldview-daily.web.app**](https://worldview-daily.web.app/)
- [**worldview-daily.firebaseapp.com**](https://worldview-daily.firebaseapp.com/)
---
## 🔑 Admin Access (Demo Credentials)
- **Admin Email:** `[email protected]`
- **Password:** `Pew123`
---
## 🙋♂️ Contributing
Contributions are welcome! If you'd like to improve this project, please fork the repository and submit a pull request.
---