Abdul HannanApr 17, 2026
Project Overview and New Features Demo 🚀
9views
Project Overview and New Features Demo 🚀
Abdul Hannan
This video provides a project overview, including setup instructions via git clone and documentation. It demonstrates new UI features like adding URLs, editing, deleting, and scraping articles. The video also showcases newsletter creation, sending functionality, and contact management with unsubscribe tracking in a multi-tenant application.
Project Overview and New Features Demo 🚀
Abdul Hannan
This video provides a project overview, including setup instructions via git clone and documentation. It demonstrates new UI features like adding URLs, editing, deleting, and scraping articles. The video also showcases newsletter creation, sending functionality, and contact management with unsubscribe tracking in a multi-tenant application.
Chapters
00:00
Project Overview & Setup
Overview of the project and setup instructions.
02:04
UI Updates & URL Management
02:31
Article Scraping
03:05
Newsletter Creation & Sending
03:32
Multi-tenancy & Contacts
04:14
Unsubscribe Tracking
Transcript
00:00
Hi Imran and Enzo.
00:01
let me give you an overview.
00:04
So this is our project.
00:06
Okay.
00:07
let me show you the git git repo.
00:11
Wait a sec.
00:14
Okay, So first thing you have to do is like clone these things.
00:31
Okay.
00:31
You have to clone this by writing git clone and the rep link.
00:37
We will give you, we will provide you whole documentation so you don't have to like mess it up again.
00:44
We can do that.
00:45
Okay, so we will provide you whole documentation how to set this project up.
00:50
Okay, we will give you env.
00:53
We also have edit DB schemas in it.
00:57
You just have to run it once and you will have those tables.
01:00
I will also add policies here so you can run policies too.
01:05
Okay, so let me run this project and.
01:29
I think I have already have a server so I can run this on 3000.
01:35
Let me show you.
01:49
Is it.
01:51
So let's log in with first test account 1, 23 and 1, 23 and 12 3.
01:57
Let's go into that.
02:04
you will see major changes in our ui.
02:08
Let's go into this.
02:09
I have added this new page.
02:11
Now user come and add their URLs.
02:15
Okay, they will add it here.
02:16
For example let's go with ww.YouTube.com okay and they will be like added there and you can save changes and they will add this way you can edit them, delete them.
02:30
okay.
02:31
And when you come to this articles and when you click scrap, okay it will ask you which URLs you want to scrap.
02:42
By default we have selected all URLs.
02:44
You can select one, you can select three and it's your like choice.
02:50
So we have added these functionality although it was not mentioned in your original talk.
02:56
But I have done it because I could do it in this short time.
03:00
It was difficult but I have added that.
03:02
Okay, let's come to this.
03:05
when I create newsletter from here it it will come here.
03:10
Okay.
03:11
And when it come here it will come here as a draft.
03:15
Okay, here is a time you can also see time.
03:19
I have added that too.
03:20
And when I click send out it will go into the mails.
03:25
Okay it, it will send it out as a mail.
03:31
Now coming.
03:32
See this is, this is the main now coming to contacts.
03:37
I have added one more thing that we can track unsubscribed emails for this user.
03:44
Okay.
03:45
Because this user has separate content management.
03:48
Because it's a multi tenant app.
03:49
I have to remind you that it's a multi tenant app in multi Tenant app, you have a different session for different contacts.
03:58
Okay.
03:58
So when user add their contacts it will not be shown on the other user which is newly created because they have their own contacts.
04:08
That's why, that's why it's multi tenant.
04:10
Okay.
04:11
Because multi user is handling it.
04:14
So this is unsubscribe.
04:17
It's M4JBR.
04:19
If I go to newsletter and I try to send mail.
04:23
Okay.
04:24
So you will see that unsubscribe mail will not come here.
04:28
So there is no problem that if you want to send out to all contacts it will it will be there that that email is not targeted that is already unsubscribed from the services by the user.
04:44
So you will not get banned and yeah, presumably.
04:48
Okay.
04:49
And let's see the newsletters and if I go into like preview.
04:57
See this is the new template I have created.
04:59
Let me, I will show you the anything workflow.
05:02
In that workflow I have added this template.
05:05
Okay.
05:06
I have not done some personalization I know very well because you have not provided me with some context and all.
05:13
So I will add some name and all.
05:16
Okay, that's not a big thing.
05:17
We will add it.
05:19
Okay.
05:19
You can edit it.
05:20
You can like see this.
05:22
It's looking good.
05:23
I have sent mail.
05:25
Okay, I have shown it and let's see.
05:30
I have shown you all in tags.
05:32
you can add tags.
05:34
Okay.
05:35
It's easy.
05:36
I don't think so it has much to change.
05:40
Things were not like clear in the reviews.
05:44
I have saw those, these tags, they were good.
05:48
Okay.
05:49
It just because of contacts and unsubscribing we were not handling that so I have added that.
05:56
So import and export SV and CSV is also working.
06:02
You can import it too.
06:03
I have also added some validation for email.
06:07
Okay.
06:08
And as much as possible I have added them so our front end has no load on the server.
06:15
in front end side.
06:17
I have also made all the API calls private.
06:22
even if I made a API call from here like in articles, let's say if I make a API call it will not be even shown in like console.
06:34
Okay.
06:34
You will not even seen this here.
06:38
Okay.
06:38
It, it's so much private.
06:41
So like for example let's go with this and you see, let me see.
06:47
See it's a, it's a front end URL, not any 10 URL.
06:52
So it's become private and you will not have to worry about that that it will exposed and anyone can come and like Give post request.
07:02
I know that was very unsecure.
07:04
So we have handled that here.
07:07
Now coming to our workflows.
07:10
Let me come to the workflows here.
07:15
Here, Here's a an intern news letter generation.
07:19
Okay.
07:20
You can see we have added the template itself here.
07:24
Okay.
07:24
You can edit that if you want.
07:27
I just need some context here to put in in this.
07:32
Okay.
07:34
So that we can like show and personalize it.
07:38
Otherwise it's working.
07:40
you can check the prompts.
07:41
They are better and they are short.
07:44
They are not that big.
07:45
I know it's.
07:46
It seems big but it's not that big because the.
07:50
I have to put output schema here so we can get structured output.
07:54
If we see if, if we remove these prompts and all.
07:59
If I make it more shorter, more shorter it will just give very vague answers and very vague out.
08:05
We have to compromise on the output itself which is very like bad for the quality.
08:13
Let's come here with email delivery with Bravo.
08:18
So I have added as many things as I can.
08:22
Okay.
08:23
there's only one thing that is not added which is API limitation checks.
08:28
I have not come up with that solution because in any 10 it's very limited.
08:34
If I add like checks here how many posts user has made.
08:40
So the loop will not work.
08:41
Okay.
08:42
So anything has very limitations.
08:44
I am thinking of like doing this thing in like next years but it will like be very hectic and time consuming.
08:54
I'm thinking about it how to do that.
08:57
But most of the things are working.
08:59
Okay.
09:00
so I will update on you on that later we can discuss this thing because it was extra it was not mentioned in the original talk.
09:09
I have tried my best to ensure it but intent is very limited and for code we have to take some time.
09:17
Even with the wipe code I have to see.
09:19
I have reflected whole your like project.
09:23
I have made it full stack and even I have added hooks.
09:27
Your logic is totally separated from your front end.
09:31
Your ui it's super maintainable now the whole logic is very maintainable right now if you show this to a like developer it will tell you how much like maintainable this code is.
09:48
Now let's come to this.
09:49
So In the.
09:51
In this small is.
09:52
It looks small but we have added a web hook so whenever email is bounced or rejected it will hit our any10 workflow and it will be updated.
10:04
So you will see which user and one more thing.
10:09
The unsubscribe Link.
10:11
Let me show you, let me show you.
10:15
So this unsubscribe, even if a new user login.
10:18
Okay, Even if a new user login, it will see this unsubscribed emails, okay?
10:24
They are global, they are access to all.
10:26
Because we don't want any user to make an email on such email that are like unsubscribe.
10:34
Okay.
10:35
So that's why we have added this.
10:38
Even if I go to this and send out.
10:44
Let's go with.
10:46
Let me add an email.
10:49
Let me add an email.
10:52
Let me add a contact.
10:54
Okay, Test, let's say and we will add something like.
11:21
Okay, and we have added a test your email and let me test it with like hope.
11:28
So it works because sometimes education do slow because we are in testing mode and we have very limited API budget.
11:38
So let's go with this one and let me go sending continue.
11:44
Okay.
11:45
And even in articles, when we generate like the newsletter, let's say this one, you see it comes.
11:54
Okay.
11:55
When we redirect, you will see this.
11:57
Okay.
11:58
So user can, you will see this, that it will generate in two minutes or something and user can refresh it.
12:04
Okay, now let me see my mail.
12:09
If mail has come, hope so it has come.
12:15
See, I got the title.
12:18
Okay, you are saying that there was no subject line.
12:21
That's not the case.
12:22
Subject line was there.
12:23
Okay, this is the subject line and this is the whole body.
12:27
Okay, you can give me some like things to make it personalized.
12:31
I can do that.
12:32
I have already asked for and this is done subscribing we have added.
12:35
Okay, here you go.
12:37
If I go unsubscribe, here it is, it is unsubscribed right now.
12:42
Okay.
12:42
And we come to contacts.
12:47
You see, when we deliver it, its status become delivered.
12:53
And if we like if we wait for some time it will become unsubscribed because we have unsubscribed from here.
13:04
And you were saying that there was no unsubscribe link, but that's not the case.
13:08
It was always there.
13:10
because unsubscribe link was generated by the Bravo API itself.
13:14
It was not generated by us.
13:16
Okay.
13:17
So even they follow these rules.
13:21
Okay, let me see the execution.
13:28
See, So yeah, our small, small errors do come.
13:47
Okay, HD email status P this and we can execute that.
13:57
Let me run it on email.
14:03
Okay, we can just add that.
14:10
Okay, so it, it's not like working right now because we have like updated it.
14:19
I forgot that.
14:20
So I will make sure it will work.
14:23
Okay?
14:23
So because we have already tested it in this workflow, Let me show you in this.
14:30
So it was unsubscribed and it will get unsubscribed because we have added a new table which is making a, conflict and we will remove it, okay, after this video.
14:39
So it will become unsubscribed and when you come here and again add.
14:44
So you will not see, see the new, we, we added that and we can see this.
14:52
Okay?
14:53
And even if I go and log out, let's say I log out, I will login with the new account, okay?
15:11
So I have login with the new account.
15:13
And if I come to date there are no, there are only one newsletter, not two.
15:18
Because this user has its own session.
15:20
If we come to context, there is no test, okay?
15:24
Because, this user has his own session.
15:28
there's no mind of P2P thing if user has no their own session.
15:34
Okay?
15:34
If you want us to remove this thing, it will cost us a lot because we have to like, spend more time on it and we have to defect our whole system, which is nearly impossible, okay?
15:47
Because you have added that in your doc.
15:50
So I'm telling you it's not dead, it's not possible.
15:54
So test was from us.
15:56
I have tried my best to, we have tried my, our best to add value to this project, okay?
16:04
And inshallah, you will like it.
16:07
Voila, you'll like it.
16:09
and do update me about the things you want to like update a little bit.
16:17
A little bit tweaks.
16:18
I can do that and you can do testing on it.
16:22
I will provide you a whole document how to run this, how to like, follow this.
16:28
Okay.
16:29
Even if you want, I can show you how to test it.
16:32
Okay, I, I.
16:33
Let me show you how to clone it right here, right now.
16:37
Wait a second.
16:38
Let's go to this.
16:40
Here is it.
16:41
I will just copy this URL.
16:43
Okay, I will come to the new.
16:50
Okay, let me clone it here.
17:00
Okay, it's client.
17:06
Let's go in it.
17:07
And you have to give this.
17:11
Okay.
17:13
Yeah, you have to install all the dependencies here.
17:16
After that, when you install these dependencies in root directory, in this very directory where we have come, you have to add ENV file.
17:26
Okay?
17:27
This env will be provided by us, okay?
17:30
You have to add all the like, URLs.
17:33
okay.
17:35
And by doing that, while you can, if you are on command line.
17:41
You can like just create this and if you are on Windows you can just create the IENV file.
17:49
I know you can do that and just paste it.
17:56
Enter.
17:56
okay, here's it.
18:01
So we have added the env file.
18:03
And now from the, for the tables just came here.
18:07
You have to just copy it going to your superbase account.
18:13
Let me show you.
18:15
This is the superbase account.
18:17
Okay, let's say and you have to come into SQL Editor.
18:21
Just pick any one of it or one doc and you just paste it and you just run it.
18:27
I can't run here because if I run it will create conflicts.
18:31
I can show you on a different project.
18:34
Let me show you, Let me show you with a different project.
18:41
If we have, I think we have here noise post.
18:47
Let me show you.
18:48
Show you, show you.
18:52
Hope so there are no conflicts here because I also use this for our project SQL Editor.
19:04
and you just have to like paste it and you have to run it.
19:08
Okay.
19:09
So because I am getting this error because I already have these tables in these okay, you see articles newsletter because I've used it further.
19:20
But when you run it you will just get all these okay tables.
19:27
Now coming to RLS policies.
19:30
I will provide you.
19:31
You can even get those from our like here documentation.
19:38
They will be same.
19:39
Okay, you here this, you just have to copy these and you have to run it in the SQL table and it will just run it and RS RLS policies will be applied.
19:53
Okay.
19:53
And that's from, from us.
19:56
If you need anything extra, anything you want more explanation, I would love if you do a meeting with us.
20:04
it would be better and I will show you much more things which I think we have missed.
20:12
And I have tried my best to like give you all the things you have given in your review.
20:17
But in your view there were many things that were autoscoped.
20:21
Like there were URLs, dynamic URLs.
20:24
You never asked for dynamic URLs.
20:27
But I have added them.
20:28
Okay.
20:28
It was very hectic, but there were things we have to compromise on.
20:32
Okay.
20:33
You have to understand that and I would love to help you out in that.
20:38
If you have things you can ask and we will give me update on that and we can work.
20:46
thank you.
Comments
Comments
No comments yet