17Suit: Integrated App Ecosystem for Modern Life

17Suit is an innovative monorepo project showcasing a suite of Next.js 14 applications, a shared internal package, and a React Native app. This ecosystem includes:

1. Core Suite: Central authentication hub
2. One Plan Trip: Intuitive travel planning app
3. Blog Web: Ecosystem news and updates platform
4. Shared Component Library: Reusable UI elements and configurations
5. Mobile App: React Native extension of the 17Suit experience

Built with clean architecture principles and BEMIT-structured SCSS for styling, 17Suit demonstrates the power of integrated, cross-platform development. It offers a seamless user experience across web and mobile, unifying various aspects of digital life into one cohesive ecosystem.

Explore 17Suit - where technology meets everyday simplicity.

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• native: a react-native app built with expo
• web: a Next.js app to see post & news blog.17suit.com
• suite: a Next.js app to authentication www.17suit.com
• opt: a Next.js app to create plans oneplantrip.17suit.com
• @repo/ui: a stub react-native component library shared by both web and native applications
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Key Technologies and Libraries

17Suit leverages a robust set of modern technologies and libraries:

• Expo: Simplified native development for React Native
• TypeScript: Static type checking for enhanced code quality
• Prettier: Consistent code formatting across the project
• React & React Native: Building user interfaces for web and mobile
• Next.js: React framework for production-grade web applications
• NextAuth.js: Authentication for Next.js applications
• React Hook Form: Efficient, flexible and extensible forms
• Yup: Schema validation for form data
• Axios: Promise-based HTTP client for API requests
• i18next: Internationalization framework
• React i18next: i18next for React applications
• React Hot Toast: Lightweight toast notifications
• React Tooltip: Customizable tooltip component
• React Cookie: Cookie management for React applications