https://github.com/rikon07/the-dailycommit
A modern, fullstack Computer Science news platform for developers, by developers.
https://github.com/rikon07/the-dailycommit
admin-dashboard firebase javascript jwt react stripe-payments tailwindcss
Last synced: about 2 months ago
JSON representation
A modern, fullstack Computer Science news platform for developers, by developers.
- Host: GitHub
- URL: https://github.com/rikon07/the-dailycommit
- Owner: Rikon07
- Created: 2025-08-07T19:15:50.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-11-15T18:39:05.000Z (8 months ago)
- Last Synced: 2025-11-15T20:22:19.306Z (8 months ago)
- Topics: admin-dashboard, firebase, javascript, jwt, react, stripe-payments, tailwindcss
- Language: JavaScript
- Homepage: https://the-daily-commit-c5e84.web.app/
- Size: 734 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📰 The Daily Commit
A modern, fullstack Computer Science news platform for developers, by developers.
Built with React, Tailwind CSS, Express, MongoDB, Firebase Auth, Stripe, and more.
---
[](https://react.dev/)
[](https://tailwindcss.com/)
[](https://firebase.google.com/)
[](https://vitejs.dev/)
[](https://the-daily-commit-c5e84.web.app/)
[](https://opensource.org/licenses/MIT)
---
## 🚀 Live Site
[https://the-daily-commit-c5e84.web.app/](https://the-daily-commit-c5e84.web.app/)
---
## 👤 Admin Login
- **Username:** `rik.shelby@gmail.com`
- **Password:** `@Shelby12345`
---
## ✨ Features
- 🔒 **JWT Auth with Firebase** (localStorage, no cookies)
- 📰 **Trending Articles** slider (by views)
- 🏷️ **Filter & Search** by publisher, tags, and title
- 🏆 **Premium Plan:** Unlimited posts, premium articles, priority review
- 📝 **Normal Plan:** 1 post limit, access to all approved articles
- 📈 **Statistics:** User and article analytics with animated counters
- 🌍 **Tech News Map:** Interactive map of news locations in Bangladesh
- 🏅 **Top Contributors:** Most active writers highlighted
- 🏢 **All Publishers:** Marquee slider of publisher logos
- 📊 **Admin Dashboard:** User management, article approval, publisher management, charts
- 💳 **Stripe Payments:** Secure premium subscription
- 🧑💻 **Profile Management:** Update name, photo, and more
- 🛡️ **Role-based Access:** Admin, premium, and normal user flows
- 📱 **Fully Responsive:** Mobile, tablet, and desktop
- 🎨 **Dark/Light Mode:** Theme toggle everywhere
- 🟦 **GSAP Animations:** Playful, professional UI transitions
---
## 🔥 More
- 🔐 Secure Firebase Authentication (Email/Pass + Google)
- 🌐 Fully Responsive Layout
- 💬 SweetAlert2 Feedback for User Actions
- 🎞️ Carousel + Animated Banner Section
- 🌙 Light & Dark Mode Support
- 📁 Protected Routes
- 🧭 Scroll-based Navbar Transparency
- 📊 Rating Stars, Skeleton Loaders & Tooltips
- ⚡ Fast loading with Vite + Lazy loading
---
## 🧠 Tech Stack
| Layer | Tech Used |
|--------------|-----------|
| **Frontend** | React, React Router, Tailwind CSS |
| **Backend** | Express.js, MongoDB, Firebase Admin, Stripe, CORS |
| **Auth** | Firebase Authentication |
| **Hosing** | Firebase Hosting, Backend on Vercel |
| **Packages** | Framer Motion, Swiper, React Query, React Leaflet, React Select, React Loading Skeleton, SweetAlert2, Stripe.js |
---
## Folder Structure
├── public
└── vite.svg
├── src
├── App.css
├── App.jsx
├── Components
│ ├── Dashboard Components
│ │ ├── DashboardNavbar.jsx
│ │ ├── DashboardSidebar.jsx
│ │ └── Pagination.jsx
│ ├── Extra Components
│ │ ├── Error.jsx
│ │ ├── GlowingCard.jsx
│ │ ├── Loader.jsx
│ │ ├── Pagination.jsx
│ │ ├── SubscriptionWrapper.jsx
│ │ └── ThemeToggle.jsx
│ └── Home Components
│ │ ├── AllPublisher.jsx
│ │ ├── Banner.jsx
│ │ ├── BentoFeatures.jsx
│ │ ├── ContactUs.jsx
│ │ ├── Faq.jsx
│ │ ├── Features.jsx
│ │ ├── Footer.jsx
│ │ ├── HomeModal.jsx
│ │ ├── Navbar.jsx
│ │ ├── Plans.jsx
│ │ ├── ResourceLibrary.jsx
│ │ ├── Statistics.jsx
│ │ ├── TechNewsMap.jsx
│ │ ├── TopContributors.jsx
│ │ └── TrendingArticles.jsx
├── Firebase
│ └── firebase.config.js
├── Hooks
│ ├── Axios.jsx
│ ├── UseAuth.jsx
│ ├── useAdmin.jsx
│ └── useAxiosSecure.jsx
├── Layouts
│ ├── AuthLayout.jsx
│ ├── Dashboard.jsx
│ └── MainLayout.jsx
├── Pages
│ ├── Authentication Pages
│ │ ├── Login.jsx
│ │ ├── Profile.jsx
│ │ └── Register.jsx
│ ├── Dashboard Pages
│ │ ├── AddPublisher.jsx
│ │ ├── AllArticles.jsx
│ │ ├── AllUsers.jsx
│ │ └── DashboardHome.jsx
│ └── Home pages
│ │ ├── AddArticles.jsx
│ │ ├── AllArticle.jsx
│ │ ├── ArticleDetails.jsx
│ │ ├── Home.jsx
│ │ ├── MyArticles.jsx
│ │ ├── PremiumArticles.jsx
│ │ ├── Subscription.jsx
│ │ └── UpdateArticle.jsx
├── Providers
│ ├── AdminRoute.jsx
│ ├── AuthProvider.jsx
│ ├── Contexts.jsx
│ └── Private.jsx
├── Routes
│ └── Routes.jsx
├── assets
│ ├── Animations
│ │ └── Animation - Error.json
│ ├── DC_logo.png
│ ├── Font
│ │ ├── EireneSans-Regular.otf
│ │ ├── SFPRODISPLAYREGULAR.OTF
│ │ └── ciguatera.otf
│ └── react.svg
├── index.css
└── main.jsx
├──index.html
├── package.json
├── tailwind.config.js
└── vite.config.js
├── .firebase
└── hosting.ZGlzdA.cache
├── .firebaserc
├── .gitignore
├── README.md
├── eslint.config.js
├── firebase.json