A mobile-first application providing code-related humor and entertainment for developers. Built with modern web technologies and following best practices in mobile development.

• 🎭 Code Humor: Curated collection of programming jokes and memes
• 📱 Mobile-First: Responsive design optimized for mobile devices
• 🔔 Push Notifications: Stay updated with new content
• 🌐 In-App Browser: Seamless web browsing experience
• 💰 AdMob Integration: Monetization through Google AdMob
• 🔄 Offline Support: Service workers for offline functionality
• 🌍 Multi-Language: Internationalization support
• 📲 PWA Ready: Progressive Web App capabilities
• 🔐 Authentication: Secure user authentication with Firebase
• 📊 Analytics: Built-in analytics and tracking
• 🎨 Modern UI: Clean, intuitive user interface

• Angular 18 - Progressive web application framework
• Ionic Framework - Mobile-first UI components
• TypeScript - Type-safe JavaScript
• RxJS - Reactive programming library
• NgRx - State management with Redux pattern

• Firebase - Backend-as-a-Service
  • Firestore - NoSQL database
  • Authentication - User management
  • Storage - File storage
  • Analytics - User analytics
  • Messaging - Push notifications

• Capacitor - Native functionality bridge
• Android - Native Android support
• PWA - Progressive Web App

• ESLint - Code linting
• Prettier - Code formatting
• Jasmine/Karma - Testing framework
• Transloco - Internationalization

• ✅ Web Application - Modern browsers
• ✅ Android Mobile App - Google Play Store
• ✅ Progressive Web App - Installable web app

• Node.js (v18 or higher)
• npm (v9 or higher)
• Android Studio (for Android development)
• Firebase Account

1. Clone the repository

   git clone https://github.com/{your-username}/devvscape-code-humor.git
   cd devvscape-code-humor

2. Install dependencies

   npm install

3. Environment Setup

   Create src/environments/environment.ts:

   export const environment = {
     production: false,
     firebaseConfig: {
       apiKey: 'your-api-key',
       authDomain: 'your-auth-domain',
       projectId: 'your-project-id',
       storageBucket: 'your-storage-bucket',
       messagingSenderId: 'your-messaging-sender-id',
       appId: 'your-app-id',
     },
   };

4. Run development server

   npm start
   # or
   ionic serve

5. Build for production

   npm run build

# Build the app
ionic capacitor build

# Sync web code to native project
npx cap sync

# Open in Android Studio
npx cap open android

devvscape-code-humor/
├── src/                          # Source files
│   ├── app/                      # Application code
│   │   ├── core/                 # Core modules
│   │   │   ├── services/         # Application services
│   │   │   ├── store/            # NgRx state management
│   │   │   ├── guards/           # Route guards
│   │   │   └── models/           # Data models
│   │   ├── components/           # Reusable components
│   │   ├── tabs/                 # Tab-based navigation
│   │   └── shared/               # Shared modules
│   ├── assets/                   # Static assets
│   ├── environments/             # Environment configurations
│   └── theme/                    # Global styles
├── android/                      # Android native project
├── www/                          # Web build output
├── resources/                    # App resources (icons, splash)
├── public/                       # Public assets
└── docs/                         # Documentation

# Run unit tests
npm test

# Run tests with coverage
npm run test:coverage

# Run e2e tests
npm run e2e

# Development build
npm run build

# Production build
npm run build:prod

# Build for Android
ionic capacitor build android

# Build APK
ionic capacitor build android --prod

We love your input! We want to make contributing to Devvscape as easy and transparent as possible, whether it's:

• 🐛 Reporting a bug
• 💡 Discussing the current state of the code
• 🔧 Submitting a fix
• ✨ Proposing new features
• 📖 Becoming a maintainer

See our Contributing Guide for details.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

We use GitHub issues to track public bugs. Report a bug by opening a new issue.

This project is licensed under the MIT License - see the LICENSE file for details.

• Ionic Team - For the amazing mobile framework
• Angular Team - For the robust web framework
• Firebase Team - For the powerful backend services
• Our Contributors - For making this project better

• 📧 Email: support@devvscape.com
• 🐦 Twitter: @l00pinfinity
• 💬 Discord: Join our community
• 📖 Documentation: docs.devvscape.com

Made with ❤️ by the Devvscape Team

This project is actively maintained. For any issues or feature requests, please open an issue in the repository.