Skip to content

drjoeycadieux/sessionid

Repository files navigation

SessionID - Techtack-Technologies

SessionID Web Application

A modern web application built with Nuxt.js and Vue.js

Nuxt.js Vue.js TypeScript Supabase Firebase

🚀 About

SessionID is a cutting-edge web application developed by Techtack-Technologies, leveraging the power of Nuxt.js for server-side rendering and Vue.js for reactive user interfaces. The application provides a seamless user experience with modern web technologies and robust backend integrations.

✨ Features

  • 🌐 Server-Side Rendering - Built with Nuxt.js 3 for optimal performance and SEO
  • Modern Vue.js - Reactive components and composition API
  • 🔥 Firebase Integration - Real-time database and authentication
  • 🗄️ Supabase Support - Modern PostgreSQL database with real-time capabilities
  • 🐳 Docker Ready - Containerized deployment with Docker Compose
  • 📱 Responsive Design - Mobile-first approach with modern UI components
  • 🔒 Security Guidelines - Built-in security features and best practices

🛠️ Tech Stack

  • Frontend: Nuxt.js 3, Vue.js, TypeScript
  • Backend: Supabase, Firebase, MySQL
  • HTTP Client: Axios
  • Deployment: Docker, Docker Compose
  • Development: Hot reload, TypeScript support

📁 Project Structure

sessionid/
├── assets/           # Static assets (images, styles)
├── components/       # Vue.js components
│   ├── AppAlerts.vue
│   ├── AppContent.vue
│   ├── AppFooter.vue
│   ├── AppHeader.vue
│   ├── ContactForm.vue
│   ├── EventPage.vue
│   ├── Navbar.vue
│   └── SecurityIssues.vue
├── pages/           # Application pages/routes
│   ├── about.vue
│   ├── event.vue
│   ├── index.vue
│   └── SecurityGuidelines.vue
├── public/          # Public static files
├── docker-compose.yml
├── Dockerfile
├── nuxt.config.ts
└── package.json

🚀 Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn
  • Docker (optional)

Installation

  1. Clone the repository

    git clone <repository-url>
    cd sessionid
  2. Install dependencies

    npm install
  3. Set up environment variables

    cp .env.example .env
    # Edit .env with your configuration
  4. Run the development server

    npm run dev

    The application will be available at http://localhost:3000

🐳 Docker Deployment

# Build and run with Docker Compose
docker-compose up --build

# Run in detached mode
docker-compose up -d

📝 Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run generate - Generate static site
  • npm run preview - Preview production build
  • npm run postinstall - Prepare Nuxt

🤝 Contributing

We welcome contributions! Please see our contributing guidelines for more details.

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

📄 License

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

🎯 Support

If you find this project helpful, please consider supporting us:

Support SessionID

Scan the QR code to support our development

📞 Contact

Techtack-Technologies

  • Website: [Your Website]
  • Email: [Your Email]
  • LinkedIn: [Your LinkedIn]

Made with ❤️ by Techtack-Technologies

About

Session ID Application

Resources

Stars

Watchers

Forks

Releases

No releases published