Roots family tree interactive system.
Create an interactive that allows users to explore their family history, family member information, and visualize their family relationships.
- User-friendly Interface
- Search Functionality
- Sharing Features
Secured Data
Family tree web apps should use strong authentication methods to secure user accounts, such as password hashing, multi-factor authentication, and session timeouts.
- Secure user accounts
- Encryption of data
- Privacy policies
Transparency
We prioritize transparency by clearly stating data ownership, open communication, and clear data sharing policies.This ensures that users understand how their data is being used.
- Clear data ownership
- Open communication
- Data sharing policies
Know Your Ancestor
We prioritize features that help users to "know their ancestors" by providing genealogical research tools and encouraging user-contributed content.
- Genealogical research tools
- User-contributed content
- Interactive features
Discover Your Roots: Build and Explore Your Family Tree
I'm building a family tree web app with Next.js 13 . Follow along as we figure this out together.
Features
This project is an experiment to see how a modern app, with features like auth, subscriptions, API routes, and static pages would work in Next.js 13 app dir.
Next.js 13
App dir, Routing, Layouts, Loading UI and API routes.
React 18
Server and Client Components. Use hook.
Database
ORM using Prisma and deployed on PlanetScale.
Components
UI components built using Radix UI and styled with Tailwind CSS.
Authentication
Authentication using NextAuth.js and middlewares.
Subscriptions
Free and paid subscriptions using Stripe.
Roots also includes a blog and a full-featured documentation site built using Contentlayer and MDX.
Proudly Open Source
Roots is open source and powered by open source software.
The code is available on GitHub.