FreeTime React Native Mobile App
Author
Ryan Vreeke
Date Published
🌟 Overview
FreeTime is a React Native mobile app that allows users to input and share their free time over the course of a one-week timeframe. The app helps users connect with others by identifying mutual free time slots, making it easy to set up events based on shared availability.
In this project, I focused on the overall app architecture, ensuring smooth data flow between components utilizing React Native’s Context. I also developed a custom one-week timeframe calendar component that allows users to input when they’re generally free using a time-range. To enable core functionality of the app, I implemented a custom algorithm to calculate overlapping free times and suggest compatible time slots for events. Additionally, Express.js was used to create a backend for storing and managing user data, making the app more scalable and efficient. This allowed users to connect and coordinate activities with others, even amidst their busy schedules, by identifying mutually available time slots.
💪 Work I Did on the Project
• Focused on building a scalable app architecture, ensuring data flows seamlessly between components. Also utilized React Native’s Context to manage global state efficiently across the application.
• Developed a custom one-week input component where users can specify their general availability, enabling a more intuitive and structured way to track and share free time.
• Created a custom algorithm to compare user free time entries and identify overlapping time slots, allowing users to find the best times for setting up events.
• Used Express.js to create a backend API that stores and manages user data, improving scalability and ensuring smooth data handling across the app.
• Leveraged React Native and Expo to build a smooth and responsive mobile application that works efficiently on both iOS and Android platforms.
🛠 Technologies Used
React Native | Used for building the mobile application for both iOS and Android
Expo | Framework for developing and deploying React Native apps
JavaScript | Core programming language for app logic and functionality
Express.js | Backend framework for creating APIs and managing data storage
💻 GitHub Repository
Check out the source code for the project: