Forem: sonicx180

My Experience with Dev.to

sonicx180 — Sat, 22 Apr 2023 01:18:04 +0000

I've been on Dev.to for almost a year now and I really appreciate it for what it is. Dev.to gives me brilliant info from bloggers, developers, and more. Without Dev.to, I wouldn't know a few helpful tips and information. Just saying thanks to Dev.to! 🙏

So, I want to make an IDE like replit. How? 🤔

sonicx180 — Thu, 02 Mar 2023 03:33:16 +0000

I want to make an IDE like replit
Now, you may think this is impossible, but with good planning, it shouldn't be. First, I'll make it a frontend IDE, and then extend it to a fullstack IDE if possible. Any tips/suggestion?

Redoing my website! ⚡⚡⚡

sonicx180 — Sun, 26 Feb 2023 03:16:54 +0000

I'm redoing my website for the 5th time.

ya hoo

Am I the only person who learned nextjs without their docs?

sonicx180 — Wed, 22 Feb 2023 03:24:04 +0000

I learned nextjs without the docs, by watching one youtube video and looking at others code. I also learned react on freecodecamp which made it relatively easy to learn nextjs. What do you think I should've done?

No to blog, Yes to Dev.to!

sonicx180 — Thu, 16 Feb 2023 23:52:18 +0000

I decided I'm not going to use the blog and I'm just going to use Dev.to. just like how @ironcladdev did on his website, I'll use the Dev.to api to get my posts, and maybe even use the api to make posts from my website. Look 👀 for more posts now a days.

Switching blog.

sonicx180 — Tue, 03 Jan 2023 23:32:12 +0000

I'm thinking about switching my blog to @ironcladdev 's next js admin page. I'll just redesign it and add more features. In this way, I'll also be learning next.js. I'll share this when I'm done!

How to create an Express JS middleware

sonicx180 — Thu, 13 Oct 2022 22:25:36 +0000

Hey there! Today I'm going to show you how to create a express js middleware

Setup > read more on Creating an express server

Okay, now that we have our server, we can add the middleware.
After the constant variable const app = express() and before the

app.get('/', (req,res) => { res.send("Hello World!") }

, add this line of code.

app.use((req,res,next) => {
console.log(req.method + " " + req.ip);
next();
})

And that my friends, is a basic middleware function.
Let me break it down for you.

app.use() is an express function for middleware.
Then we create an ES6 arrow function.
We log the method (like the HTTP verbs GET, POST) the user is using into the console and their ip.
The last line of code is the next function. If you don't put that, express will not move on to the next middleware.

A trick you can do with middleware

*Use middlware on a certain route *
app.use('/route',middleware);

Or even

app.get("/route",middleware, (req,res) => { res.send("I used Middlware!") }

And that's about it. Read more on middleware at Express Js using Middlware.
Thanks to freecodecamp for example middleware!

Like and Follow if you haven't!

Dev.to as a blog

sonicx180 — Thu, 13 Oct 2022 20:17:10 +0000

I've decided I'm going to be using Dev.to as a blog.
Follow me to see articles and blogs about various subjects!

Division Solver

sonicx180 — Tue, 27 Sep 2022 22:13:16 +0000

Division Solver in python

Need to solve a division problem quick?
Or to lazy to do the division problems on ixl?

Never fear, The The Division Solver is here!

Thanks for reading, or using!

Create an Express Server

sonicx180 — Wed, 21 Sep 2022 03:20:20 +0000

How to Create an Express Server.

I recommend this only for beginners since it's so basic.

Step 1:
Create a folder and name it whatever you like.
Go to your terminal and run (cd folder name likecd myapp )and run npm init -y

Go to a text editor (like VSC or Caret or Sublime Editor) and open the index.js file

Then write this in your file:

const express = require("express");
const app = express();

The first line of code imports the express module.
The second line of code initializes an express app.

But the app isn't really running yet.

Write these lines of code after the code above.

app.get('/', (req,res) => {
 res.send("Hello World!")
}
app.listen(3000, (err) => {
if (err) console.log(err)
else console.log("Server Running on port 3000")
}

Now, to break this down.

For the first three lines of code, on the homepage (like https://dev.to) it will show Hello World!. By the way, read about arrow functions here https://www.w3schools.com/js/js_es6.asp. req stands for request and res stands for response.
As for the rest of the code, the app.listen function makes the app listen on port 3000 and there is an error logger too.

Now go to your terminal and run cd (your folder name) like cd myapp. After that run npm i express. Then run node index.js. Your app should be up and running !

If this doesn't express much, go to Free Code Camp back end development or go to Express Js.

Well, that's about it. Comment if you have any suggestions. Thanks for reading!

Hello, World!

sonicx180 — Mon, 18 Jul 2022 22:57:01 +0000

This was made with the Dev.to api!
Like if you like!

My Website

sonicx180 — Wed, 11 May 2022 22:52:35 +0000

Tell me what you think about this.
sonicx180.is-a.dev