Postman

“js and that server is running and I can just go ahead and access this site command click and there you go hello AI debugger the second developer tool I use every single day is notion notion is my go-to tool for planning and organizing everything I do notion combined with Google Calendar literally knows my whole day that's how much I use it it keeps everything in one place and literally has been my second brain this year and it will definitely continue to stay as my second brain uh during this upcoming year here is what I love about notion and why I am so hyped about it notion AI oh I love the AI world it's so exciting now notion AI is essentially a Powerhouse for productivity whenever I need to generate Pages or create a Content outline it's got me covered as a web developer I also rely on it to check my code and streamline my workflow now here is an example of what makes notion AI so useful for me here you can see that I have a code snippet written in erlang now this code snippet spawns multiple processes to compute the factorial of a number concurrently no easy feed well now I'm going to ask notion to translate this for me because I don't understand Airline I'm a JavaScript guy so I wanted to write it in JavaScript for me I can just click on the snippet here and ask AI or I can just click on the very cute no face right here the AI face I want to ask about this page and I can say uh please translate the code snippet into JavaScript for me and as simple as that essentially it understands that we're talking about this page it's taking uh the code here in aong and it's create a compute function that will calculate uh the factorial of a number as you can see if I just close this you'll see that it does a compute function and it calculates the factorial so it works and it translates the code great now notion is extremely good at polishing the content that you might have organizing your outlines it can rewrite text suggest revisions correct spelling mistakes and so on and I have a very important note that I've taken here I watched a video about picking and harvesting cards and I wrote it down now the video was very fast so I made a bunch of spelling mistakes I didn't format it properly and I also should add more details about the after care of picking carrots now I'm not sure how to go about it I want it to be done fast so I can ask the notion AI to do it for me uh please correct my grammar and spelling mistakes please organize the organize the page into a structured format and I'm also making mistakes here structured format and add more detail about the after care of picked carrots let's go the AI has written exactly and structured everything as as it should now what I can do is I can essentially insert this here so it takes everything that I've written and I can now delete this and here blah blah getting ready steps for picking carrots and for the after care SE I would suggest adding information about cleaning and harvesting carrots Proper Storage methods and how to preserve freshness look at that and that has all been done by the AI now as a little bonus I don't know if you know but I've always loved the notion art style it's something that always kind of appealed to me whenever I use notion or have been on their page now notion now released something called notion faces and you can essentially just create your own face of yourself with the notion graphics and the notion art style uh well what am I going to say let me just let me just show you and you can just export that and use it as your profile picture I have mine I love it uh so you should definitely check it out notion in general is a tool you can start using for free so I don't see why you shouldn't if you want to use all the AI features it's like 10 bucks per month and if you want to create your own face just make sure you follow the link in the description the next tool I use especially for my prototyping work getting a concept into place very very quickly is Tailwind CSS now Tailwind CSS I'd say is a tool and it's also a CSS framework that allows you for very rapid development that means that instead of writing your typical CSS classes or your SAS classes and building the structure of that CSS here you can include all your styling in line in your HTML or your react jsx uh and as part of that it allows you to essentially use the predefined already Pro rebuild classes that you just need to remember and write them out and understand the concepts and suddenly you can very very quickly uh create very modern very beautiful UI designs now I really meant it when I said quickly and I'm going to prove the point right now so watch me design this page now I've got a very simple nextjs project that just renders a very basic page I'll show you the page nothing fancy it just renders hello Tailwind on the black screen now how do we turn this and make it a little bit nicer in a very short period of time well let me show you now I have a div here and an H1 tag inside of it now this div has a class name and this H1 tag has a class name and inside of these class names is where we're going to be entering the names of The pre-build Styling that Tailwind offers now I want to position my text in the middle so I'm going to say position Flex items Center justify Center uh Min h of screen and if we go back to the page you can see now it's already positioned in the center uh now let's give it a bit of background so let's say uh background a gray of like 100 and now let's actually change the text because once we change the text you won't be able to see it because it's white so let's make it bigger and let's change the color of it h so I go back here I go into the class names of H1 and I say okay text let's give it a size of fre Exel um let's make it bold and let also give it a text color uh blue of like 500 and we go back to the page and as you can see we have a beautiful tail andnd text in the middle of the screen it's all positioned and you can see how quickly I have done that so once you know you're Tailwind you can really really quickly develop websites do your prototyping and just be a good developer you're welcome now the fourth tool that I'm going to maybe introduce to some of you today maybe you already know it is called excal Draw and I can't imagine not having it by my side to do my design process to do my prototyping excal dra is essentially an open- Source tool that allows you to create handdrawn diagrams and sketches which is essentially for for me ideal for prototyping brainstorming and most essentially visualizing what I had in my mind let me show you what it looks like and let me show you how to use it well this is what xcal draw looks like and it's pretty self-explanatory really it's almost like working in paint in some respect you've got a bunch of tools at the top and essentially the idea is that you create a little box and inside this box you can click and write something uh this might be your user story or something else and then you might have the user come up to a Next Step which we'll call a step uh number two not pound two but number two uh we can just position that in the middle here and then we can have another step let's make it a fancy little thing and inside this I'm going to say hello uh and then we can have another one on a circle and the user user completes their journey and then you can have arrows connecting these together and it just makes the design process super super super nice and you can have maybe arrows connecting and lines connecting in between and you can have this one go back to here and then the great thing is you can also annotate the lines like so so realistically it it's very easy of course you can change the color and you know obviously make it look all nice and fancy um but realistically this is just a really nice tool for being able to create everything like everything that's in your head you just put down essentially on the digital paper you can access it anywhere you can collaborate live with others so both of you can be working on the same thing at once and really it's just a really nice reference for anything that you plan so I highly recommend that you guys use it I don't think I need to explain anymore and the final tool in my top five is Postman oh my God the amount of people that don't use postmen that haven't heard about postmen and that are just so unfamiliar with the tool it seems crazy to me cuz it's like part of my daily Arsenal whenever I'm working on any project that involves any use of API which at this moment in time especially in web development is pretty much every time I just can't imagine not having it by my side Postman is a powerful API and development testing tool you can literally put your endpoint in there put your uh data in there that you're sending over and inspect it in a very nice and visual way see what's coming back to you see why it's not working see the errors it's just so useful for this example we're going to be using the holiday API and we're going to work for an endpoint called workday which calculates the work day that occurs a given number of days after a specific date now this is the API endpoint that we're going to be working with and if I go into Postman this is Postman for you or for the people that have never used it or never seen it and as part of Postman you can create a new request and this is going to be a get request cuz that's what we're getting we're getting data this is going to be the end point that we're working with and as we can see from this example we need to pass in specific parameters and we need to pass in our key which is our API key we need to pass in the country the start date and the number of days after that date that we want to calculate now this is my API key now all of these have to be passed in as pams so in Postman you have an offring ation tab where you can essentially pass the type of authorization you're using in this case it's asking us to pass it as a key in the parameters so that's what we're going to do then we're going to select a country in this case it's going to be Great Britain that is where I live uh we're going to pass in the start date which has to be from what I remember in this type of format so in the format of year month date so let's do that today is 2024 of January 06 and I the other parameter is called days and this is the number of days after this date that I want to know the day of the week four so I'm going to say at 205 days after the 6th of January give me the day and I'm going to send this request and as you can see well there you go it comes out to be a Wednesday amazing but if I got anything wrong let's say I didn't provide a specific parameter that is required for this API to work as you can see the API gets back to you and you can see the error the days parameter is required blah blah blah if I don't provide the key you'll see that oh the API key parameter is required and it's missing and it's a 401 so unauthorized so you get a lot of insight here you can also see all the headers you can pass in a body such as for example a raw text body if you need to pass in like some Json data you can also do that uh name Philip for example something like that so there is a lot of flexibility you can have here for working with apis and I'm going to end it here I hope you guys enjoyed this video please let me know down below what type of tools you use for your daily workflow and tools that are essential to you and how you use them make sure to like And subscribe to this channel because why wouldn't you and as always I'll see you in the next video”