A comprehensive privacy education and protection platform that empowers users to understand, assess, and enhance their digital privacy through interactive tools, secure deployment tracking, and advanced security recommendations.
- Interactive Privacy Education: Structured courses on privacy fundamentals, Tor networking, and OpSec best practices
- Privacy Assessment Tool: Comprehensive questionnaire with personalized recommendations
- Secure Web Proxy: Safe browsing interface with configurable security settings
- Privacy Tools Directory: Curated collection of essential privacy tools and setup guides
- Community Forum: Authentication-gated discussions for privacy enthusiasts
- 3D Visualizations: Immersive Three.js animations with cybersecurity theme
- React 18 with TypeScript
- Tailwind CSS with cybersecurity theme
- Radix UI components with shadcn/ui
- Wouter for lightweight routing
- TanStack Query for state management
- Three.js for 3D visualizations
- Vite for development and build
- Express.js with TypeScript
- PostgreSQL with Neon serverless
- Drizzle ORM for type-safe database operations
- Replit Auth for user authentication
- Connect-pg-simple for session management
- Node.js 18+
- PostgreSQL database
- Replit account (for authentication)
- Clone the repository:
git clone https://github.com/jasonclarkagain/privacyguard.git
cd privacyguard- Install dependencies:
npm install- Set up environment variables:
cp .env.example .envConfigure the following variables:
DATABASE_URL: PostgreSQL connection stringSESSION_SECRET: Session encryption secretREPL_ID: Replit application IDREPLIT_DOMAINS: Comma-separated domains for auth
- Initialize the database:
npm run db:push- Start the development server:
npm run devVisit http://localhost:5000 to access the platform.
├── client/ # React frontend
│ ├── src/
│ │ ├── components/ # UI components
│ │ ├── pages/ # Page components
│ │ ├── hooks/ # Custom hooks
│ │ └── lib/ # Utilities
├── server/ # Express backend
│ ├── index.ts # Server entry point
│ ├── routes.ts # API routes
│ ├── storage.ts # Database operations
│ └── replitAuth.ts # Authentication setup
├── shared/ # Shared TypeScript schemas
└── components.json # shadcn/ui configuration
The platform uses Replit Auth for secure user authentication with PostgreSQL session storage. Users can access protected features like the community forum after logging in.
Features a cybersecurity-themed interface with:
- Dark mode with matrix green accents
- Animated particle backgrounds
- 3D floating logos and visualizations
- Terminal-style UI elements
- Responsive design for all devices
The platform prominently features two essential privacy tools:
- PGP Encryption Tool - Advanced encryption and decryption for secure communications
- AnonFiles - Anonymous file sharing with automatic deletion
- Users: Authentication and profile data
- Courses: Educational content and modules
- Privacy Tools: Tool directory with ratings and guides
- Assessments: User privacy evaluations
- Progress: Learning progress tracking
- Sessions: Secure session management
npm run devnpm run build
npm startnpm run db:push- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit changes:
git commit -m 'Add amazing feature' - Push to branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Jason Clark - @jasonclarkagain - jasonclarkagain@gmail.com
Project Link: https://github.com/jasonclarkagain/privacyguard