A simple, private, and local-first dashboard to organize your family's life.
View Live Site »
Report Bug
·
Request Feature
Table of Contents
To add your own screenshot: take a picture of your app, name it family-hub-screenshot.png, and upload it to the main directory of your repository.
Family Hub is a single-page application designed to run entirely in your browser with no need for accounts or a backend server. It's a private, offline-first dashboard that helps you manage meal plans, grocery lists, chores, and calendar events for your entire family. The core philosophy is to provide a central organization tool without compromising on privacy.
- ✨ Privacy First: All your data is saved securely in your browser's
localStorage. Nothing is ever sent to a server. - 🏡 Personalized Dashboard: Get an at-a-glance view of today's upcoming meals, pending chores, and scheduled events.
- 📅 Interactive Planners:
- Meal Planner: Click and edit a weekly calendar to plan breakfasts, lunches, and dinners.
- Grocery List: Add items, organize by category, and check them off as you shop.
- Chore Chart: Create tasks, assign them to family members, and track their status.
- Event Calendar: Manage appointments and birthdays with a full monthly view.
- 🎨 Fully Customizable:
- Add your own family members in the settings.
- Choose between a sleek light or dark theme.
- Import and export your data as a single file for backup or moving between computers.
This project is built with vanilla web technologies, keeping it lightweight, fast, and easy to maintain.
The application operates without a backend server by leveraging the browser's localStorage API.
- Initialization: On the first visit, the app creates a default data structure in
localStorage. - Data Persistence: Every change you make adding a chore, editing a meal, etc.is instantly saved to
localStorage. - Data Retrieval: When you open or refresh the page, the app reads your saved data from
localStorageand populates the interface.
This ensures your data is persistent on your device without compromising your privacy.
To get a local copy up and running, follow these simple steps.
- Clone the repository:
git clone [https://github.com/tabitha-dev/Family_Hub.git](https://github.com/tabitha-dev/Family_Hub.git)
- Navigate to the project directory:
cd Family_Hub - Open
index.htmlin your browser: You can simply double-click theindex.htmlfile or use a local server extension (like Live Server for VS Code).
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See the LICENSE file for more information.
Tabitha - @tabitha-dev
Project Link: https://github.com/tabitha-dev/Family_Hub