How We Made Our First Web-Dev Project
Tags: webdev, beginners, javascript, html
Published: 2022-07-24 14:33:04

### By Jayanti Goswami

Crazy Codigo has been putting out a lot of technical content lately. So, I thought I would use my slot to give you guys a sweet little break and tell you about how we are still quite stupid / awesome :)

Since we miraculously got into a college last year, Annesha and I have made friends (surprised? me too): Sam and Shiv. They've been working on Crazy Codigo too and coding with us. 

So, when we started thinking about web dev, Shiv took the lead. 
![HTML CSS JS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yl74b4ydw6d4188s2yqc.png) 

From HTML to CSS to JS - the man covered more videos in a day than Barney had in his porn stash. 

So, we did what we do while learning anything new:

```
Our First Web Dev Project
```

## The idea

The first step to working on any project is finding a project. Now, this was not too much of a struggle for us. 
![Idea](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/63i1ncystmuiz8npx8ss.png)
 
We had a lot of options:

1. Re-create the Crazy Codigo website (put it on the back burner for now)
2. Make a business website for some relatives (hmmmmm....)
3. Create a gaming website for our friend Delight 

So, obviously, we went with the third one. Always nicer to make something fun as a first project. 

## The plan

Ah, yes. My vision for Delight's website was simple. In fact, it can be summed up in one sentence:

```
It has to be poggers
```

That is it. That was all I wanted. 

![Poggers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kxg3lxumxs3fo2fbsw1b.png)
 
But Shiv said he needed a bit more direction than that. So, then we had to sit down and actually plan it. 

Shiv wanted to put everything he had seen and learnt into the website. I wanted something that looked intricate and yet, simple. So, we kept ricocheting between "We can do more" and "We're doing too much."

After a lot of bickering, we settled on a plan:

- The website will have 4 sections
- It will be graphics and visual based
- The content will be minimal and we'll put in our favorite effects: A rotating cube, Parallaxes, Glossy cards, and Circles!

And so began, the making of [delightedev.com](https://delightedev.com/)

## The code

The code was a struggle thanks to our one terrible habit: procrastination. We were still only two coders with a passion for procrastination. Only this time it was Shiv and me in the depths of it. 

So, we took a month to complete a code that should not have taken longer than a week. But that's okay. We did make a poggers website :)
![Git code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2t3wxza448hkgdzbhrts.png)
 

If you are curious, you can take a look at the code on [our GitHub](https://github.com/crazycodigo/website.github.io).

## The technical debt

We took a lot of technical debt with this project. The code is far from complete. 

Some places for improvement include:

- The website is not responsive. Do **NOT** view it on your phone. The view may be fatal.
- As devs, we knew what we were up to. As content writers, not so much. So, the [links page](https://delightedev.com/link.html) is um... interesting. 

Some aspects of the website are still under development so no judgement. But, it still looks pretty good and Delight seemed happy. 

## The deployment

After a lot of sweat and tears (thankfully no blood), we presented the website to Delight on his birthday. Or at least what I thought was his birthday. We don't talk about that bit. 

He was kind of pleased with how it had turned out and wanted to host it on his domain right away. 
![Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9xo5ba8psxl0jzwi70cu.png) 
So, we used GitHub pages to deploy it. If you want to learn how to do that, you can take a look at [Shiv's latest blog](https://dev.to/crazycodigo/deploy-your-first-website-on-github-pages-13g3). And that is the story of how our first web dev project got went live. 

## Wrapping up

This blog just documents our first web dev experience. If you have interesting ideas that you want to collaborate on, you can reach out to us on any of [our socials](https://linktr.ee/crazycodigo). 

That's all for this one. Cya!

~ J