Tim Mousk (Website)
Initially, this website started as a portfolio site but quickly evolved into a blog consulted by over 70,000 monthly users!
This website makes it easy for me to present my work to potential clients and for developers to read my articles.
I developed this website using the following technologies:
- WordPress
- TypeScript
- Sass
The requirements
I needed a website to showcase my portfolio to potential clients.
Also, I needed to easily add, write, and modify blog articles.
Finally, I wanted to collect user emails to send weekly newsletters to keep my audience informed about website updates.
And that's what I build!
The project development
I used WordPress to create this website. WordPress allows me to add new pages and blog posts easily. It also has many plugins for all purposes. Frankly, it has all the features a blogger might need!
The theme that I use is a custom theme that I developed myself. To create the theme, I used PHP7 for the back end. On the front end, I used TypeScript with Sass. To bundle the front end, I used WebPack.
The website runs inside a docker container which allows me, in combination with docker-compose, to run and deploy this website on any server easily.
I am using Google Drive to store my website backups.
Here is a code portion of the search feature:
typescriptexport class Search {
private open = (): void => {
this.searchInput.value = '';
this.modal.open();
setTimeout(() => {
this.searchInput.focus();
this.searchInput.scrollIntoView();
this.searchInput.focus();
}, 150);
};
}
Final thoughts
I really like working on this website and adding new content to it.
One of the main reasons I enjoy working on this blog so much is the many thank-you messages from developers that I receive. Those messages give me great motivation and push me to work on the website even harder.