Mission, Future Vision and Projects
Β§The Why?
You found the Special blog post! This Website and Portfolio are meant to kickstart the CoderOne business alongside the quickly growing Youtube Channel @CoderOne as well as provide the personal Portfolio of Islem Maboud, yep! That's Me π
This is what you can currently do and explore around on this Website:
- Join Our fast-growing Dev Newsletter Join Here
- Read the Curated list of Blog Posts Cooked up just for you! Blog
- Join and Be the first to know about our Big Courses Platform Launch (coming soon). Join us to stay updated
- Join The CoderOne Discord Server among many other Developers, Hackers and keyboard hackers. Join Discord Server
More exciting stuff is coming soon. This post will be frequently updated!
Β§The Tech Stack
So, if you like the design, idea or the overall implementation of this website, then you're probably wondering, How was it built? What tech was used to make it happen? and what did it take?
Let's start with the most frequent question.
How was it built?
The two main Technologies used to make this website work and operate as quickly as possible are Next.js and Node.js. Since you've probably already guessed, If you know me or watched some of my videos you'd know that I'm a big fan of React and its ecosystem. And when talking about React we can't pass through without mentioning Next.js. The fast and elegant framework allows you to be creative without worrying much about the ecosystem.
Since Next.js can work as a backend and allow you to define your API Endpoints very easily especially when deployed on Vercel. We are using that functionally for stuff like the newsletter and Emails to handle them properly behind the scenes.
What Tech was used to make it happen?
There are plenty of open-source libraries that were used to make islemmaboud.com and it's services a reality.
Website:
- React the backbone for UI
- Next.js is the framework for putting the frontend which is rendered using React with server-side rendering with a simple API backend custom API endpoints.
- Typescript is the super-magical parent of the ancestor "Javascript" that gives you superpowers and makes your code easier to read and maintain! I mean it!!
- Node.js used by Next.js behind the scenes
- Figma For UI/UX Design and the making of the different SVGs & Illustrations you see around the website
- MDX used to write and render these beautiful blog posts
- Framer Motion for smooth UI animations
- Tailwindcss to make the best out of css theming and pre-made styles
- Vercel To deploy Next.js with many great features!
- and a lot more great open-source software...
Newsletter:
- I'm deploying an open-source email marketing tool called Mautic
- Then Mautic handles delivering the newsletter through any custom email provider right into your inbox.
- A MySQL Database for mautic to run properly
- A MySQL Backup image for regularly backing up our database into backblaze S3 compatible service.
- All of this, is deployed on the cloud running on fly.io. Since they provide a great service with an awesome developer experience and it's fairly priced as well π!
Courses Platform:
Coming soon... Stay touned
What did it take?
It took me quite some time (around 5 non-continuous months) to work since I have a lot of other work to do during my day/week. Only had weekends or holidays and late nights to work on the project and to bring it to where it is right now!
And everything you see on this website was carefully crafted and designed/prototyped before implementation. That made it a lot harder and it took a decent amount of time.
Also, setting up a Newsletter was not an easy task, especially going with the path I decided to take, which is booting a Newsletter system from the ground using only open-source software without using Email Marketing services like Convertkit or others to do the email marketing part. In which my opinion it costs a lot more than what it's worth!
And yet here we are! The journey continues to unfold more projects and improvements to come...
Β§Future Plans
This website is just the start of a bigger and better bright future! The team currently includes only me trying to hack my way around everything, but, eventually, we'll be hiring contract and full-time folks to take the project into the next chapter. Starting with an AI Powered Courses Platform