Introduction
Yes, how are you friends? I hope you are all well and living your lives well. I am your friend Aftab Irshad , posting after a long time because I was busy creating this website and due to this busyness I could not post.
You will like my website and once again, we had a good meeting through this post and may this day and the days ahead pass in peace and tranquility for you and me.
We Make This Website
About My Project
I am building a website called Hive Postify where we will be able to share our daily content and our creativity, and I am building a website in a methodical design on my behalf that will be on the Hive blockchain. And you must have guessed from the title of my post that I have made this website about 50 percent as of the day I am posting this and I am still working on it today and God willing, there may be a second post about this project when it is complete.
Why I choosed Hive Blockchain
I thought of building my website on Hive Block Chain because if we look at the current situation, Hive Block Chain is growing very fast and many projects are already on Hive Block Chain which are successful and along with that, new projects coming up are more likely to be successful because the entire team running High Block Chain is playing a big role in increasing the value of its coin. I am sure that I would like to thank the entire Hive Block Chain team and all the users.
Notice
I am building this website myself, I am not copying and pasting any code from anywhere, and I am using Hive.blog CDN API in the backend to feetch Data in this website, and I am building this website alone, I have no partners.
Small experience creating this website
It has been almost 10 days since I created this website and within these 10 days I have written and cut the code that will be shown below or on the bundle many times and I have been busy creating this website for almost these ten days. And this website really took a lot of effort and I learned a lot.
Lets Start My website Introduction
I used Visual Studio to write the code for this website. I could have done it in any other language, but I am a bit of an expert. The rest of the code has to be written in Visual Studio, but it is not easy to read, change, and write the code.And I worked hard to create this website and I encountered many problems, some of which I found the solution quickly and some of which took me a long time to find.
Create Simple Idea for this website
To create this website, first of all, I created an idea in my mind, then I wrote it on a notepad about what kind of website I should create, what features it should have. While creating it, I changed the features and made changes in many places, but I created the main plan myself and at the same time, I changed the planning in many ways while creating this website, but the main idea was the same and the main structure was the same as I had thought before creating the website. First of all, I thought of the name High Tube to create this website, but there was already a website with that name. Yes, I could have created it because it is an open source project. There is no issue. But I thought that I would create it under another name and I thought that I would create a website like YouTube on High Blockchain.And this project was one of my Shagwati projects, so I thought that I would understand the high blockchain at the same time and then later I would create a video sharing website. Right now I only create posting websites, but I kept some of the designs the same.
Create Home Page (index.html)
Output
Many problems arose on this, that is, I had an idea in my mind to create a login system that would work for all pages, and if we create a separate login system for each page, it would not seem right to the user because no one likes to log in repeatedly and if we use a hive-keychain, then still someone has to log in repeatedly. This was a big problem for me, which I decorated in such a way. That's why I duplicated all the pages with index.html to make it easier and created a single file of script.js and for logging in I used hive.blog CDN API so that I don't have to log in again and again. If I have logged in on only one page, then I remain logged in on all the other pages.
Best Way to show post
And after that, the second problem I encountered was that the website data was loaded correctly, but the posts were not displayed correctly. Many posts looked large and many posts looked small, meaning that the posts were not displayed in a sequence. That's why I used Responsive Web and used it in it. You can see it in the code. I can't explain it in this. So, all the posts started displaying properly.
Responsive Website
And along with that, the website had to be made responsive so that it would look good on mobile, laptop and computer. And I think that's the first thing that almost all developers do these days, is to make the website more responsive. And this is really a very good practice. Doing this really adds to the beauty of the website.
Responsive Web Output
Here you can see what is the benefit of creating a responsive website. If we open it on mobile, the left-hand side will move down.And apart from that, it has many benefits. You will see this when you use this website. I can't explain it to you completely right now.
Login Form
Post Open System (View)
I tried to open the post in the index file itself, but there was a problem with it that if I wanted to change the home page later, it would have been very difficult for me. That's why I created a new page so that if I had to change it in the post page, it would be easy. If I had to change it in the home page, it would also be easy. In this way, it is quite easy to create a website in parts and it is also easy to read.
Output
And you won't believe me here. It took me a long time to set up the markdown. If I've spent the most time on any task on this website, it was the markdown that shows which tile the post should be displayed in. And it was quite a difficult task to apply the same markdown that is used in the hive blog.
There were many problems in upvoting, replying, reblowing, and many solutions were found, and many solutions were also found to be the best, which I implemented in it. I will publish it on the website and publish the link to it so that you can use it without downloading it, so you can see how far the work has been done.
Comments
I have created separate files for everyone to reply to comments so that it is easy to change the code and believe me, if we code, there are many errors that we notice later. If there is code in one file, it takes a lot of time to change it. If there is, it goes away, but it is better that we keep creating separate files.
Ouput
I also created a separate file for replying to comments and displayed the output of the comments in such a way that it is known which comment has been replied to. But if the user who is not logged in clicks on Upvote or Reply, the login form will pop up, the same as the index one, but on this page.
We liked our work so far. We have created many files in it, which you can see in your comment. I can't show them here. But we needed many files to do so much work. But our work is done so far. Our website is almost ready because we have prepared everything. Vote, respond. Now we need to create some more pages. But this system will be included in all of them, so there will be no need to rewrite the code. Copy-paste will work.
Next Page Communities (communities.html)
Now it was quite easy for us to create this page because we had already created the structure. We just had to change the index.html structure. We had to add the community API where the post is displayed and make a few more changes. But this is also a bit difficult, but it is not as difficult as the previous pages. If it is difficult, nothing can be done. It becomes clear with hard work. But creating this page from the previous pages was easy because we have already created the main structure.
Output
And this Search system also works in all pages, just like I'm showing you.
Next Page Friends (friends.html)
We are even building our own website. We still need to set up some systems on the friends page, but that's all we've done in these ten days.
Full Output My Website Video
Request For Support
I request all users of Hi to support my website so that I can continue working on it.And I hope that I will definitely get the fruits of my labor. I need Support For many of things.
Your Suggestion
What is your opinion on this website of mine? Please give me your opinion. I will give great value to your opinion and your words will be accepted. If I like it, then how did you like my design and if you can give me any advice on it, please do so.
Github Repository Source Code
I have uploaded the code of all the websites I have created on Gatha and I will keep making changes to it until my website is complete. You can see it and I will also provide a link. You can also access my website directly from the link.
Website Live Link
Home page
Communities Page
Friends Page
I have to make a lot of changes to the website right now. I have to eliminate a lot of errors. If there is any problem, please let me know. If not, I am checking it myself. At the same time, if there is any problem, I will solve it myself. This website is not yet fully developed.
Next Pending Pages
We have about 50 percent of our website left that I am building, but I can't tell you how many pages there will be, but we have about that much more to build.