#Nodejs

[praxis-app]

join the praxis discord - sign up - github

[rubikx107]

Good to move out

[windsails]

ohh!!! i had a really good idea. a social media site with a circular timeline called samsara

[izicodes]

Build Your Own npm Package!

Hiya! @kitkatcodes made a post a couple days ago essentially her making her own npm package and I thought it was super cool! I've been busy lately but I gave myself some time to read the tutorial she used and play around making my own!

Link to @kitkatcodes post >> LINK

The npm package

Here it is! Took me 3 hours to do this because I got the concept of how to make the package following the tutorial @kitkatcodes used (which is this: LINK) but then I got around playing around with the colours and appearance, as I do~! Then I finally finished and published it!

The main code

Have a go!

If you have Node.js installed, in the terminal, type:

1. npm i xiacodes-business-card 2. npx xiacodes

Then you should see the output shown above!

Well, that's all! I had fun making this and thanks again to @kitkatcodes for the initial post! It's super easy to do and fun! Here are some links:

GitHub repo: LINK

My npm package page: LINK

The ASCII art site: LINK

The package to add colours to the output text: LINK

Have a nice day and happy coding! 💗💻

[eraepoch]

i made a program to archive the posts on your curious cat account

the code is here: https://github.com/era-epoch/curious-cat-save-account

you just need to have a recent version of node installed on your computer. feel free to let me know if you run into any problems running it ^-^

[koshekdev]

Project update (Next.js) + little API routing tutorial

So my last post was about setting up my back-end using Node.js and Sequelize. After setting everything up it was time to create needed routes and queries. I didn't look too much into how to do it, just made an api folder, made a .ts file for every table I have in my database and filled it with CRUD operations + whatever additional query was needed.

After writing all of this I wondered how do I define links for all of these operations? Well as it turns out, when you put files in an api folder in Next.js, they generate by themself, meaning all of my crud operations were now under the same /api/file_table_name link. Obviously that's bad news. It took me 2 days of rearranging (it wasn't hard, just boring XD) and I got this structure

(This is not an entire structure, just a snippet because the whole structure is kinda big and pointless for demonstration)

So now for getting host/api/tag we have an index.ts file which carries the createTag function which requires just a body that contains new tagName.

For host/api/tag/id we have the [id].ts which carries getTagById and DeleteTag function. Now how do we differentiate between those two operations when they are on the same link?

At the end of your file you should have a handler function for which you write the cases in which certain operation happen. In this case it only depends on the http method, but it is possible to add other cases such as potential query string (the on that start with ? in the link ex. api/posts?sort=asc). Here's the code example from my /stickerpack/[id].ts file

So this means the link is going to be host/api/stickerpack/id?type="".

What surprised me was that you don't fetch id with req.params.id, but you fetch everything with req.query, and Next.js I guess just figures out what is a parameter and what is not based on the file name. Another surprising thing is the obvious "id as any" situation XD. It did not work any other way. No idea why. I'll look it up when I get the energy.

That's my wisdom for today, if you have any questions feel free to ask me anywhere XD I'm no professional tho lol

[abiya-kavinu]

🌐 Top 10 Tools Every Web Developer Should Know in 2024 🚀

Hey, guys👋 If you're diving into the world of web development or looking to level up your skills, here are the top 10 tools you need to check out this year:

Visual Studio Code - The ultimate code editor with tons of extensions to boost your productivity. 💻✨

GitHub - Manage your code and collaborate with others seamlessly. 🛠️🤝

Bootstrap - Design responsive websites quickly with this popular CSS framework. 📱🎨

Figma - Collaborate on UI/UX designs in real-time with this powerful design tool. 🖌️👥

Node.js - Build scalable server-side applications using JavaScript. 🌐🔧

Webpack - Optimize your JavaScript files and manage dependencies efficiently. ⚙️📦

React.js - Create interactive UIs with this widely-used JavaScript library. ⚛️🔍

Sass - Write more maintainable CSS with features like variables and mixins. 🧩📝

Postman - Test APIs and ensure everything runs smoothly. 🔍💡

Jira - Track tasks and manage agile workflows for smooth project management. 📊📅

These tools can supercharge your development process and help you build amazing web applications. For those looking to take their projects to the next level, partnering with a web application development agency could be the key to unlocking even more potential. 🚀💼

[connectinfosoftech]

Node.JS Development Services in India | Boost Your Web Performance with Connect Infosoft

Connect Infosoft Technologies offers expert Node.js solutions to take your web applications to the next level. Let our team of experts help you build a robust, scalable, and efficient web solution using Node.js.

Contact us today to start your project!

[praxis-app]

join praxis now - discord - github

[orbitwebtech]

Dive into the world of real-time applications with our ultimate guide to Node.js. Learn how to harness the asynchronous capabilities of Node.js to build scalable and efficient systems that handle real-time data effortlessly. Whether you're creating chat applications, live notifications, or real-time dashboards, this guide offers practical insights and hands-on examples to help you master real-time development.

With Node.js's non-blocking I/O and event-driven architecture, developing real-time applications has never been easier. Our guide walks you through every step, from setting up your environment to deploying your application. Embrace the power of real-time communication and elevate your development skills with Node.js today!

Read More : https://orbitwebtech.com/nodejs-vs-java/

[codemerything]

NPM vs NPX

During my first attempt at using React, I was following the installation instructions on the documentation which recommended using the command "npx create-react-app <my-app>". It was then that I realized I was not entirely sure about the difference between npm and npx, as I had been using them interchangeably without fully understanding their functions beyond package installation. This realization inspired me to write an article about the topic. A great explanation lies at the end of the article. Trust!

[izicodes]

Coding Night Classes Completed!

After 16 long weeks of coding classes, I have finally submitted my last assignment! Tonight is the last "class" but we will just be reflecting on the whole class overall and what to do next in terms of working using our experience from the class.

I'm just happy I get to pass because I was looking at my overdue homework and thinking "Yeah, I don't know if I can complete this in time" and on the very last day... I did it!

Now I am waiting for the digital certificate which will come next week! Super proud of myself and thanks to everyone who told me to complete the classes even though I wanted to quit 🤣💗

Anyone wondering AND is in the UK, I did the 'Trilogy’s Skills Bootcamp in Front-End Web Development' LINK - they give career advice throughout the 16 weeks and I believe 3 months after the BootCamp is done!

[why-tap]

WHY tap

[funnycoder]

Lmao