Note
Incomplete codebase. Codebase has been privatized.
Ongoing
TEAM ...the digital medium for organisations.
TEAM is an app designed to make operations, ideations, and inner distributions of an organization seamless, effortless and highly productive.
Administration of any organisation can create an org account in TEAM app, and simply upload email addresses of members to give them sign in permission. Various features are in TEAM app to highly optimize the organisation's efficiency, and serve as an "ease medium" between admin and members.
Javascript
- React Native
- Expo
- React Native Paper
- Date-fns
- Luxon
- React Native Async Storage
- Firebase
- Redux Toolkit
- More...
- Scalability
- has potential for large number of users.
- Backend work still in progress
- Performance
- impressive UX still being optimized.
- strictly on non-expensive actions.
- consistent use of React hooks.
- Security
- use of Expo security tools.
- checks between rendering of components.
- Maintainability
- well-structured files.
- standard compartmentalization.
Note
I am NOT a UI designer. 😁 I'm also not a big fan of Loren Ipsum. 🥲
Some of the most challenging interesting features I made include:
- The Home Screen itself
Due to how this screen had to have components that presented a little bit of eveeything in other
screens, it was nearly a pain in the neck for optimization. With the use of hooks like useMemo,
however, optimization was achieved and is still being improved.
The interface highlighted Red is the component controlled by the App's owner to distribute
brief surveys for improvement of TEAM App.
The interface highlighted Green is a component that displays status of a member (of Hary
organisation, in this case) using animations of react-native-animated-numbers.
The time count interface highlighted Deep Blue is a component using date-fns for logic.
It was tricky to implement (as is every other internationally synchronous counter). The
component shows the countdown till its larent component expires for members of organisation.
The interface highlighted Deep Purple is a component that displays whichever date its parent component
is uploaded.
- Tasks Screen
I named this one "Lord of Expenses".
This screen shows tasks given by admin ('management' in TEAM App) to members, with slightly different components for admin's and members' interface.
- Members Screen
This screen displays for only management.
It contains information of all signed in members of organisation for recording and status check.
- Activities Screen
This screen was particularly interesting to create because of its child components' UI, which had to be manually constructed.
- Congratulations Screen
This is my favorite screen yet, and I don't even know why.
This screen displays when members win "Impacts" or "Badges". Read more about impacts and
badges.
-
Ideation & Strategy
- Product Owner/Manager: Imaledo David (me)
-
Design
- UI/UX Designer: Imaledo David
-
Development
- Frontend Developer: Imaledo David
- Backend Developer: [ongoing] Imaledo David
-
Testing & Deployment
- QA Engineer (Quality Assurance): Imaledo David
- DevOps Engineer: [prospective] Imaledo David
-
Additional Roles
- Content Writer: Imaledo David
- Marketing Manager: [prospective] Imaledo David
Using Expo EAS (Expo Application Services) Build
Expo EAS Build is a tool that helps deploy Expo apps to various platforms, including iOS, Android, and web.
This incomplete codebase, and the project as a whole, is subject to license, and completely restricts use, plagiarism, and any other actions which break its copyright. Read through the license by clicking here.
Reach out to me on ✌️
Check out the product documentation containing the detailed user guide , along with FAQs, for TEAM App. Thanks for reading. 🤗