Influencer

What is the Influencer App?

The Influencer app serves as a demonstration of what users can achieve with Nitrokit, a product designed to streamline development and productivity for app builders, specifically with Angular and modern development tools. It provides an actual working application that showcases key features and best practices in coding and architecture, which are part of the Nitrokit package.

Key Aspects of the Influencer Demo App:

1. Hands-On Learning:

• Users who purchase Nitrokit can download and install the Influencer app on their local machines. This gives them an opportunity to explore a fully developed app built using the tools and practices promoted by Nitrokit.
• The app helps users see how scalable architecture, efficient coding techniques, and robust integrations (like Supabase, TailwindCSS, and more) come together to create a polished, functional application.

2. Showcasing Best Practices:

• The app is built following best practices in Angular development, as highlighted in the content. By exploring the app, users can observe real-world implementations of scalable monorepos, clean code, reusable components, and CRUD functionalities, all of which are crucial for larger-scale applications.
• It provides a reference point for developers, showing them how to build applications efficiently using Nitrokit's ecosystem.

3. Scalable Architecture:

• The app uses Nx devtools to demonstrate how to handle larger applications and maintain scalability. This is important for users who want to build complex projects and manage multiple apps within a single repository.

4. Integration Showcase:

• Supabase is used for user authentication and database management, and Flowbite is integrated for a modular design system. These integrations help users understand how to use third-party services within their own projects.
• By playing with the app, users can get a feel for how to integrate similar features into their own applications using Nitrokit's toolkit.

5. Start Building Right Away:

• With Nitrokit and the Influencer demo app, users don’t have to start from scratch. They can begin with a fully functioning app, learning by exploring, tweaking, and building on top of the existing code. This saves time and provides an immediate sense of productivity.

Key Features of the Influencer Demo App:

1. Social Media Planning:

• The app allows users to organize and manage social media campaigns effectively by creating plans and strategies within the platform.

2. Content Creation & Management:

• Users can create topics, channels, and content pieces to plan their content across different platforms.
• The app supports recurring tasks, enabling users to automate content creation and posting schedules for each channel.

3. Calendar Visualization:

• Users can visualize their content plans in a calendar, easily seeing what content needs to be released and when, improving planning and coordination.

4. Mobile-Friendly Interface:

• Designed for a seamless experience across devices, the app is mobile-friendly, ensuring users can manage their social media plans on the go.

5. Light/Dark Mode:

• The app includes light and dark mode options, allowing users to choose a theme that fits their preferences and environment.

6. Toasts for Notifications:

• Provides real-time feedback with toast notifications, helping users stay informed about important actions like successful updates, errors, or task completions.

7. State Management:

• Incorporates efficient state management to ensure a smooth and responsive user experience, keeping the app fast and reliable.

8. User Authentication:

• Integrated with Supabase for secure and scalable user authentication and database management.

Slick design

Influencer and Nitrokit use tailwindcss with flowbite{:target="_blank"}. Nitrokit takes care of

• A clean opinionated design
• Light/dark mode
• Mobile friendly design

How Influencer Works

If you've followed the local setup instructions or registered on the website, you should already have some default data. But what if you don't? No worries, just follow these steps:

1. Add a Product: A product could be anything you offer—an online course, a service, a book, you name it. Just get it in there.
2. Add Channels: Time to add one or more channels—think X (formerly Twitter), LinkedIn, or whatever platform you’re targeting.
3. Create Topics: Say you’re launching an architecture course with 20 chapters. Each chapter can be a topic, giving you a library of content to choose from. Bonus: You can sync with GitHub to keep everything up to date.

The Fun Part: Recurring Tasks 🔁

Consistency breeds momentum, and the Recurring Tasks feature is here to make sure you never miss a beat. Let’s say you want to post about your architecture course every Monday at 09:00 AM on LinkedIn. Here’s how you set that up:

• Navigate to recurring-tasks/add.
• Name & Describe: Give your task a name and a brief description.
• Select Product: Pick the product you added earlier.
• Set a Start Date & Time: Choose when you want to kick this off and what time to post.
• Repeat Settings: Select “Repeat every 1 week.”
• Pick a Day: From the dropdown, choose Monday.

Boom! Head over to the dashboard, and you’ll see red dots marking every Monday at 9 AM. Click any dot, and the “Add Content Piece” drawer pops up with the recurring task and instance pre-selected. Just choose a topic and start writing your content. 📝