While spending time programming, I've always liked to have an overview of how much time I spend coding and what specific tasks I'm working on. To remedy this, I decided to create a prototype solution that allows users to measure and record their time, communicate with others, create OWN projects and join collaborative projects. The app uses the latest frontend techniques and leverages popular backend solutions provided by Google. The WorkFlow Pro app is 100% designed and coded by me.
-
User Authentication
- Users can sign up and create accounts using their email.
- Secure authentication powered by Firebase Authentication ensures user data protection.
-
Mobile-First and Responsive Design
- The application is built with a mobile-first approach, ensuring a seamless experience on various devices.
-
Modern Sliders
- The app features modern sliders that make it easy to navigate through the projects in main menu.
-
Time Tracking
- Users can measure the time spent on their personal projects, helping them keep track of their productivity.
- Possibility of stopping and restarting time for each project and then saving them in a database
-
Creating and Joining Projects
- Users have the ability to create their own projects and manage them efficiently.
- They can also join projects initiated by other users, encouraging collaboration and team building.
-
Communication with Other Users
- The app enables seamless communication among users through comments on projects and tasks.
- Users can share ideas, provide feedback, and foster a sense of community.
-
Dashboard and Project Views
- The application provides an intuitive dashboard that displays an overview of user activity and statistics.
- Users can easily view their created projects and the projects they have joined, keeping them organized and informed.
- Possibility of easy deletion of self-created projects.
-
Blocking access for non-logged-in users
- Users friendly notifications for non-logged-in users and blocking of functionalities available for logged-in users
WorkFlow.Pro.mp4
- React
- Redux
- TypeScript
- Firebase (Authentication and Firestore)
- Tailwind CSS
- Vite.js
- Jest & React Testing Library
- Add advanced sorting
- Add searching function
- Add feature to delete comments, reply to someone's comment
- Clone the repository:
git clone https://github.com/bilecky/workflow-pro-app - Navigate to the project directory:
cd project-xyz - Install dependencies:
yarn installornpm install npm run dev
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to create a pull request or open an issue.
MIT.