Search for a command to run...
AuthO + Hashnode Hackathon Submission
I am a developer from India with a good eye for frontend logic and design. I am also well acquainted with the backend and business logic so that's add to my ability to create a good frontend while making it easily integratable with backend.
Very lightweight and straightforward, I like it. Is that your main UVP over other mind mapping tools? I often find them too bulky
Glad that you liked it Arthur Grishkevich. Well yes, I would be using this over other mapping tools as I too find them quite bulky.
Thanks Eleftheria Batsou For sharing your views on this.
Great work 👍💯
Thankyou.
Thanks.
Great content , hope I can be as good as you 😩😩👌👌👌
hahha you are already better.
Thanks buddy really appreciate this.
This is lit. 🔥🔥🔥🔥🔥. Amazing work. Thanks, i didn't even know about react-flow package,
Thanks Buddy.
It's an amazing idea, personally, I've used it today to create a PDF workflow.
Hey Ashish, liked your idea of creating a roadmap where we can embed the whole content in any of the blogs. Keep hacking.
Great work!! I loved it... Keep going ahead..
Understanding and Reading the MNIST Dataset
In the digital age, where data breaches are as common as coffee spills, one cryptographic algorithm stands out for its robustness in securing our passwords: bcrypt. Let's dive into the world of bcrypt hashing, uncovering its mechanics, the role of sa...
In our daily used language, we use Grammar, similarly, in computer language, we have a set of rules called grammar on which a language is defined. In this article, we will look into what those Grammars are and how we define and use them. Exploring th...
Introduction In the vast landscape of computer science, languages are not just confined to human communication; they also extend into the realm of formal languages, classified into regular and non-regular categories. Understanding these languages is ...
Hello Guys, welcome back to my blog. Today we will be creating our small server and React app to learn about Server-Sent Events and how to handle them in a React App. But before we even start building anything let's learn about Server-Side Events (SS...
Hello guys,
I always have been a guy who loved to study things in a structured way, before learning anything new I always search for roadmaps and flowcharts for learning so that I have a clear way while learning something new.
It is a place where people can easily create roadmaps and share them as a post, where other people can see them and vote if they like. This will give new learners a ton of options to choose from and also give creators a way to get their roadmaps reviewed by other people.
Mapify is an open-source solution for creating Node-based content. Which is more developer-friendly and gives a way to share your ideas with others through Embeddable links or as a Post.
Here is a small demo of the Mapify.
If you don't really prefer videos here is a detailed walkthrough of the app.
Below is our landing page with options of Start Creating, Watch Video or Login, it also has three Public pages which are available to non-authenticated users too.
Roadmap (for Top Roadmap)
Guide (for a guide of the Mapify)
Create+ page.
After clicking on Save in Create page you can go back to Home page.
While on Home click on your username on the right side on Navbar. Which will redirect you to the Profile page.
here all your saved roadmaps are drafted and your can-do following actions with them.
View and edit them.
Post them.
Delete them.
Embed/share them.
To Edit a doc, click on view in Profile then on View page click on edit icon to edit that doc.
Home page consists of all the Public posts from all the users.
View in any post users are directed to Post Page, where they can view the doc that the author of the post has created and read the description and also like them if they want.
Note: Below are .gif files please wait while they get loaded.
Well, I always wanted to learn Nextjs and it seemed like a nice opportunity to pick up this tech and start creating something. So let's start it there the first thing I did was setting up Nextjs with Tailwind CSS and after that, I integrated the Auth0 which was quite easy.
Now comes the hard part the whole app is based around Reactflow and getting it to work as I wanted was not an easy task but after going through Reactflow docs multiple times I found everything is wanted.
After doing this I quickly set up the Firebase as I have already worked with firebase, it wasn't much of a problem but the tricky part was saving the nodes to the server and then retrieving them exactly as they were saved. Well, I know it sounded easy just save the nodes and data and restore it, but it is not that easy actually if you just save the data and restore it the data will be restored but the restored data will get deformed after trying multiple times and failing I thought its time to leave this project and find something else, but then one night re-read the documentation of Reactflow and found a way to save the state, not just the data, and then restore the state instead of restoring just the data.
The above method works and I were on cloud9 tbh, anyway after that it was easy I created the Profile page where I retrieved the saved docs corresponding to the user and shown them to the user.
Then I wrote some more code and created multiple pages as you have already seen above.
VercelLive demo - Mappify
Github Repository link - GitHub-Mapify
Connect to me on Instagram - @theashishmaurya
This is all for this submission Blog. Hope Everyone doing their best.