AppOrbit

Live Link

Purpose

AppOrbit is a platform where users can discover and share their tech products. This platform is similar to Product Hunt, allowing users to submit new products, upvote or downvote existing products, and post reviews.

It includes user authentication, roles for normal users, moderators, and admins, as well as a product moderation system. A payment system is integrated for unlocking premium features or obtaining extra facilities through paid subscriptions.

Key Features

• User Authentication (Email/Password, Google Sign-In)
• User Roles (Normal User, Moderator, Admin)
• Product Submission and Moderation
• Upvoting Products
• Product Reviews
• Private Routes for authenticated users
• Error Page (404)
• Responsive Design (planned)
• Environment Variable for Firebase Configuration

🚀 Full Stack SaaS App

A modern, secure, and scalable SaaS platform built with React, Node.js, Firebase, and Stripe. Includes advanced features such as authentication, form validation, real-time data fetching, payment integration, and custom role-based access control.

---

🔧 Tech Stack

• ⚛️ React – Modern UI with hooks
• 🎯 React Hook Form – Form handling with built-in and custom validation
• 🔄 React Query – Data fetching with caching, pagination, mutation
• 🔥 Firebase Auth – Google login and email/password authentication
• 🧪 useFetcher – Optimistic UI updates and fetch handling
• 🛡️ JWT Authorization – Role-based backend security and protected routes
• 💳 Stripe – Subscription-based or one-time payments
• 🎨 Tailwind CSS + SASS – Customizable and responsive UI

---

📂 Features

✅ Authentication

• Google Sign-in and Email/Password
• Persisted login session

🧠 Form Handling

• Built with React Hook Form
• Includes built-in validation (required, pattern, minLength, etc.)
• Supports custom validation (e.g., async rules or regex)

⚙️ API Integration

• React Query for robust data fetching
• Mutation hooks for creating/updating/deleting data
• useFetcher used for fast and progressive UI updates

🛡️ Authorization

• Custom JWT token-based access control
• Role-based permissions (e.g., admin, user)

💰 Stripe Payments

• Secure Stripe integration
• Subscription or one-time payment
• Stores payment success in MongoDB

🎨 Responsive UI

• Built using Tailwind CSS
• Enhanced styling with SASS overrides

---

📦 NPM Packages Used

• react
• react-dom
• react-router-dom
• react-hook-form
• react-query
• firebase
• vite (development dependency)

---

📦 How to run locally

• git clone "repo link here"
• npm install
• npm run dev

---