DEV Community: IgosProjects

Rivet: A library i made in 2 days

IgosProjects — Sat, 30 May 2026 16:33:46 +0000

I made a library in 2 days, its called Rivet. Rivet is a small HTTP framework library that is inspired by Express, it is written fully in Typescript and uses 0 external dependencies!

Rivet features:

100% Typescript
Plugin support
Very lightweight(package size of 15.7 kB!)
Static file serving
Websockets(with plugin)
CORS

Rivet is on NPM and Github

Im also looking for contributors and people to help me develop the library! Rivet also has side projects like create-rivet and rivet-ws

What features should i add next?

How to make apps with astro

IgosProjects — Fri, 29 Mar 2024 16:40:11 +0000

Astro is a framework for making applications with the .astro format simple right well today we will be making a basic astro app so lets get started.
Firstly lets make our project so run

npm create astro@latest

like this

after that we can open our project so run

cd yourprojectname

so now that we are in the project run

code ./

like this

.
Now lets run the development server by running

npx astro dev

now here you have it a brand new astro app.

Happy coding

How to start with react

IgosProjects — Thu, 28 Mar 2024 15:51:47 +0000

We all know React is a framework even the birds on trees but it can be hard sometimes today we are going to be talking about react and how to use it. React is used in alot of places like Facebook,Instagram,Facebook marketplace ,etc.
It is recommmended to use Vite or Next with it today we will use vite to make a simple app with react.Lets start firsty we want to make a new vite project we can do that by running

npm create vite@latest

this will create our project. Two
You may be thinking how to inplement react when it gives you the option to chose a framework choose React today we will use Javascript so chose Javascript

it should look like this

.
Three

Now lets make our app so
run

cd /yourprojectname

and run

npm install

we reccomend to use VS code for this project

now edit App.jsx

Remove everything in this part

it should look like this

To make our app type this in the return

<h1>Hello Vite + React</h1>

and oh yeah we forgot something so lets run our server so run

npm run dev

now when we go to

http://localhost:5173

it should look like this

now add this before the H1

 <a href="https://vitejs.dev" target="_blank">
          <img src={viteLogo} alt="Vite Logo" />
        </a>
        <a href="https://react.dev" target="_blank">
          <img src={reactLogo} alt="React Logo" />
        </a>

now when we save this is what we see

Happy coding

How to use vue to make desktop apps

IgosProjects — Wed, 27 Mar 2024 15:27:56 +0000

Welcome, everyone! Today, we're going to create a simple Vue desktop application. Let's start by setting up a new Vue project using Vue CLI.

First, install Vue CLI globally by running the following command:

npm install -g @vue/cli
Alternatively, you can use npx to run Vue CLI without installing it globally:

npx vue
Next, create a new Vue project by running:

vue create my-vue-desktop-app
Once the project is created, navigate into the project directory:

cd my-vue-desktop-app
Now, let's add desktop functionalities to our Vue project. Run the following command to integrate Electron with Vue:

vue add electron-builder

With Electron configured, you can start the development server by running:

npm run electron:serve
This will launch your Vue desktop application. The result should look something like this:

Result

If you're satisfied with your application and want to build it for distribution, you can use the following command:

npm run electron:build

This will package your Vue desktop app for distribution.

And there you have it! You've successfully created a Vue desktop application. Happy coding!