SaaS Website Builder, Project Management And Dashboard With Stripe using Nextjs14, Bun, Stripe Connect, Prisma, MySQL, Tailwind

Features in this application.

• 🤯 Multivendor B2B2B Saas
• 🏢 Agency and Sub accounts
• 🌐 Unlimited funnel hosting
• 🚀 Full Website & Funnel builder
• 💻 Role-based Access
• 🔄 Stripe Subscription plans
• 🛒 Stripe add-on products
• 🔐 Connect Stripe accounts for all users! - Stripe Connect
• 💳 Charge application fee per sale and recurring sales
• 💰 Custom Dashboards
• 📊 Media Storage
• 📈 Stripe Product Sync
• 📌Custom checkouts on funnels
• 📢 Get leads from funnels
• 🎨 Kanban board
• 📂 Project management system
• 🔗 Notifications
• 📆 Funnel performance metrics
• 🧾 Agency and subaccount metrics
• 🌙 Graphs and charts
• ☀️ Light & Dark mode
• 📄 Functioning landing page

Website Builder

A simple website builder that allows you to create content on the page. Simply drag and drop the chosen element (such as a container, text, or even a payment form) onto the editor page.

The editor has full accessibility; for example, to undo your last actions, click the Undo button or press the Ctrl + Z key combination. To preview the site in Preview mode, press the Ctrl + P key combination To style the selected element, choose the section in the Settings tab and modify the styles as desired. Hotkeys are also available, for example, Ctrl + B to make text bold or Ctrl + I to italicize font style.

To preview the site in Preview mode, press the Ctrl + P key combination

To style the selected element, choose the section in the Settings tab and modify the styles as desired. Hotkeys are also available, for example, Ctrl + B to make text bold or Ctrl + I to italicize font style.

You can see the layers of your entire page. To do that just navigate to the Layers tab where you can see your layers structure in a tree-like representation.

You can also upload media files (such as images) to the Media storage to use them in the Website Builder. To do this, navigate to the Media tab and select the file you want to upload.

Kanban Board

You can create new lanes and new tickets within them. It's possible to drag cards and lanes to change their order. You can create new tags and assign other users who have access to your team to specific tickets, as well as leave a contact link.

Team Access

If you've created an agency, you can create sub-accounts for that agency.

To grant access to another user for a sub-account of the agency, you can send them an invitation via email.

If the user accepts the invitation to the agency, you can control their access to different sub-accounts.

SaaS Notion Clone with Realtime cursors, Nextjs 13, Stripe, Drizzle ORM, Tailwind, Supabase, Sockets

Features in this application.

• 🤯 Real-time cursors
• 📝 Real-time text selection
• ⏱️ Real-time database and collaboration
• 🟢 Real-time presence
• 🗑️ Move to trash functionality
• 😜 Custom emoji picker
• 🌙 Light mode dark mode
• 🚨 Next.js 13 app router
• 🗺️ Creating free plan restrictions
• 💰 Take monthly payments
• 📧 Custom email 2FA invitation
• ⚡️ Supabase Row level policy
• 👨‍👨‍👧‍👦 Real-time Collaboration
• 👾 Deployment
• 🤑 Custom Rich text editor
• 📚 Update profile settings
• 📍 Manage payments in a portal
• 🔐 Custom Authentication
• ✳️ Websockets
• 📣 Optimistic UI
• 📱 Responsive design

The Movie Database Full Clone

TMDB serves as a central hub for movie enthusiasts, industry professionals, and developers, providing them with valuable information and tools to explore, discover, and engage with the world of cinema and television. Here are some key features:

1. Actor and Crew Profiles: TMDB contains profiles of actors, actresses, directors, producers, and other crew members involved in the film and television industry. Users can explore their biographies, filmography, and other relevant information.
2. Reviews and Ratings: Users can read and contribute reviews and ratings for movies and TV shows on TMDB. This feature helps users make informed decisions about what to watch and provides valuable feedback to the community.
3. Lists and Recommendations: TMDB allows users to create and share lists of their favorite movies and TV shows. It also provides personalized recommendations based on users viewing history and preferences.
4. Trailers and Videos: TMDB hosts trailers, teasers, clips, and other videos related to movies and TV shows. Users can watch these videos to get a preview of the content before deciding to watch.

Djinni - A Modern Fullstack Djinni Clone

Warning: This project is still in development and NOT ready for production use.

The project clones the functionality of Djinni, a Ukrainian job platform. Here are a few key features:

• ⛔️ User authentication role system - candidate and employer
• 📥 Authentication using Credentials & OAuth Providers
• 📶 Custom feed for employer & candidate
• 🖌 Customized profile data creation and design
• 👷 Creation, editing, deletion, and archiving of job vacancies
• 💻 Viewing available candidates as an employer
• 📄 Viewing job vacancies as a candidate
• 💬 Responses to job vacancies, with a dedicated inbox for both candidates and employers
• 🔽 File uploads: candidate profile photos and resumes
• 🎨 Markdown support
• 📁 Modern data fetching using react-query, axios, and SSR
• 🌐 SEO setup and optimization
• 🕶 Color theme toggle

Sieben Umzuge CRM & CMS

Sieben Umzuge is a German certified transportation company specializing in transportation and relocation services. The project involved two main components: a 24-page website and CRM/CMS systems. I worked on both projects. The most interesting case I developed from scratch is a Booking system similar to Calendly, which needed to be implemented both on the website and in the CRM system.

1. Users can fill out a contact form, view available dates and times on the calendar, and schedule an online or offline meeting. To access the booking page, users need to fill out a transportation calculation form; the data from this form is also sent along with the contact form.
2. Administrators can create available dates and time slots for meetings. Time slots have their own complex logic and date handling. Additionally, administrators can cancel meetings and view all scheduled appointments.
3. Also I worked on CMS system developed by our team in contact with Dev Ops department.

Hippo Digital CRM & Website

Hippo Digital's CRM system is a robust platform designed to streamline and enhance customer relationship management processes. Built using cutting-edge technologies such as React, TypeScript, Redux, Storybook, and Apex Charts, it offers a seamless and intuitive user experience.

1. The system is meticulously crafted by Hippo Digital, a trusted digital services partner known for its commitment to designing with empathy and building for impact. With a focus on user-centric design and innovative solutions, Hippo Digital ensures that its CRM system meets the unique needs and challenges of modern businesses.
2. Furthermore, Storybook is employed for component-driven development, allowing for rapid iteration and testing of UI components. Apex Charts enhance data visualization capabilities, empowering users to gain valuable insights and make informed decisions.

React Native Food Ordering Clone

Additional features:

• Expo Router file-based navigation
• Google & Apple Auth with Clerk
• Reanimated 3 for animations
• MapView with Marker and Clustering
• Bottom Sheet
• Modal with Animations and Blurred Background

React Native AirBnB Clone with Clerk

This is a React Native AirBnB clone using Clerk for user authentication.

Additional features:

• Expo Router file-based navigation
• Google & Apple Auth with Clerk
• Reanimated 3 for animations
• MapView with Marker and Clustering
• Bottom Sheet
• Modal with Animations and Blurred Background

Vantazhivochka CRM & Website

"Вантажівочка" is a Ukrainian company specializing in freight transportation and waste removal. It has two projects: a website and a CRM system. The CRM system has rich functionality, here are a few key features:

• Client Display and Management: After filling out the contact form on the website, the client is added to the table. In the table, clients can be deleted, marked as processed, or edited, and notes can also be made about the client.
• Notification from Telegram Bot: After filling out the contact form, a notification with client information is sent to the Telegram bot.
• Content Editing: Prices for services can be edited, and additional information can be added or removed, which will be displayed on the website.

Ivan Peklin CRM & Website

Ivan Peklin is a Ukrainian racing athlete. The project consists of two components: a website and a small-sized CRM system. The CRM system features user and new contact management functionality, as well as the ability to modify content on the page in the form of a table.