Firebase ReactJs Business Application

Firebase ReactJs Organize User Groups Build Teams

Arrow down

Firebase ReactJs Create Projects add Tasks

Arrow down

Firebase ReactJs Processing Projects Kanban Board

Arrow down

Firebase ReactJs Project Board Calendar

Its a Progressive Web ApplicationProgressive Web ApplicationFirebase Progressive Web Application Team Management
Progressive Web App Key Features

Connect and collaborate while working remotely
Stay in touch no matter where you work from. Communicate changes and update your team with push notifications or status updates in real-time. Empower your remote team to plan
projects, coordinate work remotely, and hit their goals with OCTA Teamwork. Teams that stay organized can get work done from anywhere.

Keep your customers up to date
When you create a project, a new user with the Client role is created for the
customer. The customer automatically receives his access data and a link to the app by e-mail. In the app, customers have access to the Client Dashboard from where they can track the progress of their project and receive push notifications. Customers
also have access to the Project Details view where they can track the project status and the progress of their project tasks, and to the Notification view where they can reply to notifications and see their incoming and outgoing messages. In the
My Account view customers can change their avatar and password.

OCTA Teamwork runs on Firebase, Google’s mobile platform. Firebase was made to develop high-quality apps and grow your business.

Firebase offers easy installation, no setup fees, synchronizing data in real-time with Firestore NoSQL database, accessing data from multiple devices and interfaces including mobile devices and web, full hosting support with a custom domain, Global
CDN, and an automatically provided SSL Certificate.

Fast and secure hosting

Firebase Hosting
No matter where a user is, content is delivered fast. Files deployed to Firebase Hosting are cached on SSDs at CDN edge servers around the world. Firebase Hosting automatically provisions and configures an SSL certificate. Connect a custom domain with painless verification. Deploying your app only takes one command.

Truly Serverless Web Application

Cloud Functions for Firebase
Cloud Functions for Firebase is a serverless framework that lets you automatically run backend code in response to events triggered by Firebase features. Your JavaScript code is stored in Google’s
cloud and runs in a managed environment. There’s no need to manage and scale your own servers.

Firebase real-time messaging
Firebase Cloud Messaging
With cloud messaging, an app can easily send messages to users and communicate with them in real-time. Send in-app and push notifications to individual users, clients, user groups, users with different
roles or to all users. When the app is in the foreground your messages will be displayed in a Toast notification in the top of the screen. When the app is in the background or your mobile device is in standby, the notification is delivered to
the device’s system tray and your mobile device plays a notification sound.

Firebase free spark plan
Totally free to start
OCTA Teamwork can run in the free Firebase Spark Plan. This means that cloud hosting and all Firebase services are completely free.

Firebase features
• Firebase User Management API
• Access control with Custom Claims
• Firebase Admin SDK
• Firebase Hosting
• Firebase Storage
• Cloud
Firestore database
• Cloud Functions for Firebase
• Firebase Cloud Messaging
• No Firebase Extensions fees

• Code editor or IDE
• Node and NPM
• Google Account

Firebase Project Management App

Role Based Access Control with Custom Claims
Role-based access control (RBAC) restricts network access based on a person’s role within an organization. The roles in RBAC refer to the levels of access that users
have to the network.

In OCTA Teamwork the following roles exist:

Admin: The Admin role allows to create and delete users, to grant user roles, to create and delete Departments and to make changes in the app settings.

Team-Leader: The Team-Leader role is assigned to all users registered as manager. The Team-Leader role allows you to create/delete projects, to process and edit projects, to add tasks to projects and to send Push Notifications
to your department. A manager can also have the User-Manager role.

Team-Member: The Team-Member role is assigned to all users registered as employee. The Team-Member role allows you to process/delete tasks and send Push Notifications to your department. An employee can also have the User-Manager

User-Manager: The User-Manager role can be granted to managers and employees. The User-Manager role allows you to access the Users Menu Item in the navigation menu, to create and delete departments, to create and delete managers
and employees and to send Push Notifications to all users.

Client: When a project is created, a new user account is created with the Client role. Clients can log in to the app and watch the progress of their project.

Guest: If a user registers on OCTA Teamwork, the account is not assigned any role. After that the user has verified their email address a Guest account is created and the user can personalize his account and subscribe/unsubscribe
to Push Notifications. A Guest has no permissions to access data on OCTA Teamwork.

Tech features
• Google Cloud Platform
• Nodemailer Mailing API
• FCM Push Notifications
• In-App Notifications
• Project Calendar
• Kanban Board
• Browser
Image Compression
• InteractJs
• MomentJs

Easy setup – No programming experience is required
Follow our simple step by step video tutorials that explain
how to deploy the app on Firebase, how to setup its services, how to deploy Cloud functions, how to setup a GCP service worker and how to setup a Google OAuth2 client. A Quick Start user manual is included in the download.

Help your team collaborate and communicate better
According to a MIT research, virtual teams perform better than teams who work face-to-face, even if this means they’re just situated on different floors of the same building.
OCTA Teamwork enhances collaboration and work coordination, but also boosts your team’s productivity and work quality.

Schedule projects in a calendar view
You can define, assign, and track projects in relation to the project-related deadlines defined in a shared calendar. Create projects and assign them to specific team members based on
tasks. Team members are created with different roles (admin, manager, employee, user manager), with different rights, in different departments (user groups) and can be assigned to projects by creating individual tasks for them in the project details
view. Track the progress everyone is making with their project-related tasks.

Kanban-based task management
Assign team members to tasks and then track your team’s progress, as they move their tasks across appropriately named columns.

Three preloaded languages: English, German, Italian

Easily add other languages
Just duplicate an existing language.json file, change the data of its global variables and add the new language to the language selection component.

More features
• React Hooks
• React Router Dom
• Context API
• Global state management
• Node.js
• Google OAuth

Reference links


User login


Password: sapsalap