--- title: my new portfolio as a full stack developer | daily.dev description: After gaining experience in web and backend development, the author expanded their skills to include ElectronJS, CapacitorJS, and Docker to create and deploy... canonical: https://daily.dev/posts/my-new-portfolio-as-a-full-stack-developer-1xmint87n twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: my new portfolio as a full stack developer | daily.dev og:description: After gaining experience in web and backend development, the author expanded their skills to include ElectronJS, CapacitorJS, and Docker to create and deploy... og:url: https://daily.dev/posts/my-new-portfolio-as-a-full-stack-developer-1xmint87n og:image: https://api.daily.dev/og/posts/1xmInT87n.png og:image:alt: my new portfolio as a full stack developer og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # my new portfolio as a full stack developer **[Game Developers](https://daily.dev/sources/game_developers)** · [@baderidris](https://daily.dev/baderidris) · 2 min read · 368 upvotes · 97 comments ## Summary After gaining experience in web and backend development, the author expanded their skills to include ElectronJS, CapacitorJS, and Docker to create and deploy cross-platform applications. Using inspiration from designer Yanka Darelova, the author built an application with Vue 3 Composition APIs, TypeScript, and Sass/SCSS, adding an ExpressJs backend and Mongo database. The app is secure, utilizing Nginx for load balancing and SSL encryption, and is available for exploration at baderidris.com. ## Content After gaining experience in *developing web applications* and expanding my skills in `backend development`, I ventured into learning `ElectronJS` and `CapacitorJs` to create cross-platform applications. However, I realized the importance of seamless deployment to avoid the classic "it works on my machine" problem. This led me to master `Docker` and its powerful feature, `Docker Compose`. Looking for design inspiration, I came across the stunning and functional work of designer _Yanka Darelova_. Inspired, I decided to transform her design into a real application. It was a challenging yet rewarding experience, as I built the entire app using `Vue 3 Composition APIs`. At the time, I wasn’t fully proficient in the framework, but the process significantly enhanced my skills in `Vue 3`, `TypeScript`, and `Sass/SCSS`. To complete the project, I deployed the application with an `ExpressJs` backend and `Mongo` database, using `Nginx` for load balancing and reverse proxying. The result is a secure application, running on _HTTPS_ with _SSL encryption_, which you can explore at [`baderidris.com`](https://baderidris.com). I later transitioned the entire application to **`NuxtJS`** with server-side rendering **`(SSR)`** for improved performance, and I added **`i18n`** support for SEO-friendly multilingual capabilities in Arabic, English, and Spanish. I’d love to hear your feedback on the application! Feel free to share your thoughts and send me a message through the [`/contact`](https://baderidris.com/contact) page. Thank you for taking the time to read about my journey. [](https://baderidris.com/projects) [](https://baderidris.com) ## Community discussion Top comments from developers on daily.dev. **@baderidris** · 4 upvotes > Please provide me with your comments **@ilkayus** · 3 upvotes > Can you take a look at my site? :) ilkayaltinisik.com **@orcdev** · 3 upvotes >  > > Too easy :D Make it harder! > > Great job! Awesome portfolio! **@lsama** · 2 upvotes > The game is decent and a good take on the classic snake game. However, the main appeal of snake games lies in their simplicity so intuitive that even a 2-year-old could grasp them. This is why the older versions avoided features like "the glow" and possibly Bloom effects (though hardware limitations were also a factor). > > While the glow you added might enhance the game's aesthetics, it doesn't serve a functional purpose. Instead, it adds a slight layer of complexity to what should remain a straightforward experience. This complexity detracts from player satisfaction, which should be the... **@hardikgohilhlr** · 2 upvotes > Look good and interactive 🔥 > > Here's mine portfolio, would love to get feedback! > > Link - https://hardikgohilhlr.tech --- Tags: [#nodejs](https://daily.dev/tags/nodejs), [#docker](https://daily.dev/tags/docker), [#vuejs](https://daily.dev/tags/vuejs) [View this post on daily.dev](https://daily.dev/posts/my-new-portfolio-as-a-full-stack-developer-1xmint87n) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/my-new-portfolio-as-a-full-stack-developer-1xmint87n","headline":"my new portfolio as a full stack developer","text":"After gaining experience in web and backend development, the author expanded their skills to include ElectronJS, CapacitorJS, and Docker to create and deploy cross-platform applications. Using inspiration from designer Yanka Darelova, the author built an application with Vue 3 Composition APIs, TypeScript, and Sass/SCSS, adding an ExpressJs backend and Mongo database. The app is secure, utilizing Nginx for load balancing and SSL encryption, and is available for exploration at baderidris.com.","url":"https://daily.dev/posts/my-new-portfolio-as-a-full-stack-developer-1xmint87n","datePublished":"2024-12-07T23:00:49.926Z","dateModified":"2025-02-12T17:12:37.212Z","author":{"@type":"Person","name":"Bader Idris","url":"https://daily.dev/baderidris","image":"https://media.daily.dev/image/upload/s--xdB2qQGo--/f_auto/v1761727809/avatars/avatar_djCE66IaZeZbPq49wBp2s?_a=BAMAK+ZW0","description":"A student for the rest of my life","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":610}},"image":"https://media.daily.dev/image/upload/s--zx8BSj_y--/f_auto/v1739372280/posts/n0fyFFVD1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":368},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":97}],"comment":[{"@type":"Comment","text":"Please provide me with your comments","datePublished":"2024-12-09T20:32:53.483Z","url":"https://daily.dev/posts/1xmInT87n#c-SnwbB1wih","author":{"@type":"Person","name":"Bader Idris","url":"https://daily.dev/baderidris","image":"https://media.daily.dev/image/upload/s--xdB2qQGo--/f_auto/v1761727809/avatars/avatar_djCE66IaZeZbPq49wBp2s?_a=BAMAK+ZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"Can you take a look at my site? :) ilkayaltinisik.com","datePublished":"2025-03-05T08:24:55.236Z","url":"https://daily.dev/posts/1xmInT87n#c-ZNsAI24DQ","author":{"@type":"Person","name":"ilkay Altinisik","url":"https://daily.dev/ilkayus","image":"https://avatars.githubusercontent.com/u/48162731?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Too easy :D Make it harder!\nGreat job! Awesome portfolio!","datePublished":"2025-01-05T19:13:18.734Z","url":"https://daily.dev/posts/1xmInT87n#c-V6XZlYILM","author":{"@type":"Person","name":"OrcDev","url":"https://daily.dev/orcdev","image":"https://avatars.githubusercontent.com/u/7549148?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"The game is decent and a good take on the classic snake game. However, the main appeal of snake games lies in their simplicity so intuitive that even a 2-year-old could grasp them. This is why the older versions avoided features like “the glow” and possibly Bloom effects (though hardware limitations were also a factor).\nWhile the glow you added might enhance the game’s aesthetics, it doesn’t serve a functional purpose. Instead, it adds a slight layer of complexity to what should remain a straightforward experience. This complexity detracts from player satisfaction, which should be the ultimate goal of any game.\nBut all in all, I think this is a good attempt.\nAlso, you used Js or Ts for this?","datePublished":"2024-12-10T10:08:41.101Z","dateModified":"2024-12-10T10:11:15.776Z","url":"https://daily.dev/posts/1xmInT87n#c-NU0vzzHjq","author":{"@type":"Person","name":"Lsama","url":"https://daily.dev/lsama","image":"https://media.daily.dev/image/upload/s--TzPDrG73--/f_auto/v1723898306/avatars/avatar_ALhZxU29Ge5LhATDooMWx"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Look good and interactive 🔥\nHere’s mine portfolio, would love to get feedback!\nLink - https://hardikgohilhlr.tech","datePublished":"2025-03-02T10:02:08.870Z","url":"https://daily.dev/posts/1xmInT87n#c-VIWRCTHPC","author":{"@type":"Person","name":"Hardik Gohil","url":"https://daily.dev/hardikgohilhlr","image":"https://lh3.googleusercontent.com/a/ACg8ocLDWt6yQocX-QnuxSnSnRLxJ302JZobFIM8QtpXDys6dRsVGLXihQ=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/game_developers","name":"Game Developers"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Game Developers","item":"https://daily.dev/squads/game_developers"},{"@type":"ListItem","position":3,"name":"my new portfolio as a full stack developer"}]} ```