DEV Community: Sababa T

Portfolio - feedback

Sababa T — Thu, 27 Mar 2025 22:50:49 +0000

Hi everyone,

I’ve developed this portfolio to showcase my skills. I’ve had fun building it. I followed my intuition and creative thinking.

I’d appreciate your honest feedback. Link: https://sababat.dev

It is fully responsive in desktop and mobile view.

I want to know how is the user experience whilst interacting with the site.

Looking forward to hear your thoughts.

🚀 Feedback Wanted: My Full-Stack E-Commerce Project – Ethereal

Sababa T — Wed, 19 Mar 2025 10:23:05 +0000

Hey Dev Community! 👋

I’m attending a virtual networking event soon, where I’ll be presenting one of my projects to industry professionals. To make the most of this opportunity, I’d love to get real feedback from fellow developers before the event!

🛍️ Project: Ethereal – A Full-Stack E-Commerce Platform
Ethereal is a MERN stack (MongoDB, Express.js, React, Node.js) e-commerce app designed for a seamless shopping experience. It’s fully deployed and includes:

✅ User authentication (JWT-based)
✅ Product browsing & filtering
✅ Cart & checkout functionality
✅ Admin dashboard for product management
✅ Responsive UI/UX design

🔗 Live App: [https://ethereal-frontend-theta.vercel.app]

💡 What I’d Love Feedback On:

Performance & Optimisation: Any areas that could be improved?

UI/UX Design: Is the shopping experience intuitive?

This feedback will help me refine my presentation and improve Ethereal before showcasing it at the event. I appreciate any thoughts, suggestions, or constructive criticism! 💬

Thanks in advance, and happy coding! 🚀

Three.js for my portfolio, seeking feedback.

Sababa T — Sun, 23 Feb 2025 11:57:07 +0000

Hi everyone,

I would like to add something using three.js in my portfolio.

I only have been coding for 6 months and just finished a certificate in full stack development.

I have built my portfolio using react. I will soon begin my job search. However, i am fascinated by three.js and wanted to showcase my curiosity in my portfolio. I created this sphere that shows my current tech stack. But I am not sure if it looks good under "about me" section.

please see screenshot and give me some feedback. Should I go ahead with the sphere or do something else to show my tech stack or add the sphere at the end next to contact me section ( but a normal sphere , it wont have the tech stack).

I appreciate your help, thankyou.

I Built a Game of Thrones Trivia App Using Vanilla JavaScript — Check It Out!

Sababa T — Sun, 24 Nov 2024 10:34:42 +0000

Hello Dev Community!

I hope you all had a great weekend! I spent some time diving into a fun personal project and thought I'd share it with you all. As a huge Game of Thrones fan, I decided to create a trivia app to challenge myself with some JavaScript, and the result is a simple yet exciting trivia game featuring questions from the world of Westeros!

What is the app about?

The app is a trivia quiz focused on Game of Thrones—the legendary TV series based on George R. R. Martin's A Song of Ice and Fire books. Players will get a series of multiple-choice questions about the show, and their goal is to answer correctly. The questions cover everything from character lore to major plot points, testing your knowledge of the Seven Kingdoms!

But here’s the fun part—the app plays the iconic Game of Thrones theme song while you’re playing. Talk about immersing yourself in Westeros, right?

Why Vanilla JavaScript?

I wanted to build this app with vanilla JavaScript to challenge myself and improve my foundational web development skills. While there are tons of libraries and frameworks available, I felt it was important to stick to the basics.

The app's structure is simple and easy to follow:

HTML to structure the app.
CSS for basic styling and theming (using a Game of Thrones-inspired color palette).
Vanilla JavaScript for interactivity, quizzes, and the theme song feature.

Key Features:

Multiple-choice questions: A set of questions with 4 answer choices each.
Interactive UI: Simple, clean design with responsive layout for all screen sizes.
Timer: Players have a limited time to answer each question.
Game of Thrones theme song: The iconic theme music plays while the quiz runs.
Score tracker: See how well you know Westeros at the end of the game.

What’s Next?

While the app is functional and fun, there are definitely areas I’m planning to improve. Some future ideas include:

Adding a leaderboard to track top scorers.
Implementing more complex animations and transitions for a more dynamic experience.
Expanding the question database to include A Song of Ice and Fire book references.
Sharing the code on GitHub for others to contribute to.

Why You Should Check It Out

Whether you're a fan of Game of Thrones or just looking for a fun challenge, this trivia app offers a great way to pass the time. Plus, it's a solid project to learn and play around with JavaScript if you’re new to development!

You can check out the app here: [https://algomystique.github.io/Game-Of-Thrones-Trivia-App]

I’d love to hear your thoughts, feedback, or ideas on how to make it better! Feel free to reach out or leave a comment.

Until next time 👋

Seeking Feedback on My Portfolio!

Sababa T — Sun, 03 Nov 2024 08:04:54 +0000

Hi everyone! 👋

I hope you're all doing well. I'm reaching out to the dev.to community to gather some feedback on my professional portfolio. As an aspiring software engineer and a penultimate-year IT student, I’m constantly looking to improve and refine my work.

About My Portfolio:

I've created my portfolio using HTML, CSS, and JavaScript, and it's responsive across all devices. The portfolio includes:

-My resume: Will be added soon
-Educational background
-A showcase of my projects: Some dummy projects added, yet to be completed.
-A contact form for inquiries (submission powered by Basin)

Why Your Feedback Is Valuable:

I believe that constructive criticism is essential for growth, and I want to ensure that my portfolio effectively showcases my skills and projects. I'm particularly interested in your thoughts on:

Design and layout: Is it visually appealing and easy to navigate?
Content: Does it clearly convey my skills and experience?
Responsiveness: How does it perform on different devices?

Check It Out!

You can view my portfolio here: [https://algomystique.github.io/Professional-Portfolio/

Thank you in advance for any feedback you can provide! I'm eager to learn and make improvements. Feel free to leave your thoughts in the comments or reach out directly.

Looking forward to your insights! 🚀

Render, Heroku, or Vercel: Which One Should You Choose for Your Next Project? 🚀

Sababa T — Tue, 29 Oct 2024 02:21:46 +0000

Hey everyone!👋

Choosing the right platform to deploy our applications can really make or break our development experience. Today, I want to compare three popular options: Render, Heroku, and Vercel. Each has its own strengths, and whether you’re building a backend service or a sleek frontend app, one might be the perfect fit for your needs. Let’s dive in!💻✨

Overview of Each Platform:

Render: Render is a modern cloud platform that makes it super easy to deploy web applications and services. With features like automatic scaling and managed databases, it’s great for developers who want to focus on building rather than infrastructure management.🛠️

Heroku: As one of the pioneers in the PaaS world, Heroku provides a solid ecosystem for deploying and managing applications across various languages. It’s user-friendly and has a rich marketplace for add-ons, but keep an eye on pricing if your app grows.💡

Vercel: If you’re into frontend frameworks and static sites, Vercel is your go-to. It shines when it comes to deploying JAMstack applications and integrates seamlessly with tools like Next.js. Plus, it offers a fantastic free tier for smaller projects!🌟

Key Comparisons:

Ease of Use:

Render: Clean interface and straightforward deployment make it a breeze to get started.🚀

Heroku: Known for its simplicity, especially for newcomers. The CLI is intuitive, and deploying is a snap.🥳

Vercel: Extremely user-friendly for frontend developers, with easy Git integration for quick updates.🔄

Performance:

_Render:_Excellent performance with auto-scaling, ideal for high-traffic backend applications.⚡

Heroku: Good performance, but scaling can sometimes slow things down on lower-tier plans.⏳

Vercel: Optimized for speed, especially with static sites and serverless functions thanks to automatic edge caching.🏎️

Pricing:

Render: Transparent pricing with a free tier, though costs can increase with advanced features.💰

Heroku: Free tier available, but be cautious of rising costs with add-ons and dyno scaling.📈

Vercel: Generous free tier, especially for small projects, making it budget-friendly.👍

Scalability:

Render: Effortlessly scales with built-in load balancing, perfect for backend applications.🌐

Heroku: Scales well, but manual adjustments may be needed as your app grows.🔧

Vercel: Great for scaling static and serverless applications with ease.🚀

Which One Should You Choose?

After weighing the features, ease of use, performance, and pricing, I’d say Render comes out on top for a wide range of applications, especially for backend services. Here’s why:

Balanced Features: Render offers a sweet spot of simplicity and performance, making it versatile for projects of all sizes.🌈

Cost-Effectiveness: The pricing model is straightforward, so you won’t get any nasty surprises as your app scales.😌

Developer Experience: Render focuses on minimizing friction, letting you concentrate on building awesome features.🙌

If you’re leaning towards frontend frameworks and serverless functions, definitely give Vercel a look. And for traditional backend applications, Heroku still holds strong with its established ecosystem.💪

Ultimately, your best choice depends on your project requirements. For a balanced, scalable solution, Render is my top pick. For frontend-focused projects, consider Vercel, and for classic backend apps, Heroku remains a solid option. Each platform has its perks, so choose the one that fits your development goals best! 🎯

I’d love to hear your thoughts or experiences with these platforms in the comments! Happy coding!🌟💻

🌌 Explore Particle Systems with Acceleration and Friction!

Sababa T — Tue, 29 Oct 2024 01:42:01 +0000

Hello Dev Community!

I'm excited to share my latest project:

Particle Systems with Acceleration and Friction!

A particle system built using HTML5 canvas and vanilla JavaScript, showcasing real-world physics principles.

🎮 Live Demo:

Check out the live demo here to see the particles in action!

https://algomystique.github.io/ParticleSystems-Physics

🔑 Key Features:

Fully Responsive Canvas: The canvas adjusts dynamically to different screen sizes while maintaining functionality.

Particle Interaction: Particles respond to mouse events, like clicks, with realistic movement and collisions.

Physics-Based Movement: Acceleration and friction create smooth, realistic motion for the particles.

🔍 How It Works

Canvas Setup: A responsive HTML5 canvas initializes, generating random particles with positions, velocities, and accelerations.

Particle Motion: Each particle’s velocity is updated by its acceleration, with friction applied to simulate resistance.

Rendering: Every frame, particles are drawn on the canvas, updating positions based on motion laws.

Mouse Interaction: Particles react to mouse movement or clicks, accelerating away or towards the pointer.

🛠 Technologies Used

HTML5 Canvas
CSS3
Vanilla JavaScript

I’d love your feedback, suggestions, or any contributions! Check it out on GitHub: [https://github.com/AlgoMystique/ParticleSystems-Physics].

This project was inspired by concepts learned in the "Creative Coding in JS - Masterclass" by Frank Dvorak on Udemy.

Find his Udemy Course here: https://www.udemy.com/user/frantisek-dvorak

Happy coding! 🎉

10 JavaScript projects I have completed as a beginner!

Sababa T — Mon, 28 Oct 2024 03:53:33 +0000

Hello, Dev Community!

As a newcomer to the world of development, I’ve been on an exciting journey over the past few months, tackling various projects that have helped me grow my skills and understanding of programming. I’d love to share what I’ve created and invite you all to join the conversation!

_My Projects: _

Here’s a brief overview of the projects I’ve tackled so far:

README Generator: A Node.js tool that creates structured README files for GitHub projects, helping developers document their work effectively.

[https://github.com/AlgoMystique/README-Generator]

Quiz App: An interactive application built with HTML, CSS, and JavaScript that quizzes users on different topics.

[https://github.com/AlgoMystique/Quiz-App-VanillaJS]

Weather App: A web app that fetches real-time weather data using a weather API. It’s designed with HTML, CSS, and JavaScript to allow users to search for conditions in any chosen city.

[https://github.com/AlgoMystique/Weather-App]

Countdown Webpage: A visually appealing countdown timer created with HTML and CSS, designed to build anticipation for upcoming events.

[https://github.com/AlgoMystique/Countdown_webpage)]

To-Do List: A functional to-do list application created using HTML, CSS, and JavaScript, allowing users to manage their tasks effectively.

[https://github.com/AlgoMystique/To-Do-List]

Music Player: A basic music player that plays a single track, built with HTML, CSS, and JavaScript to help me learn about audio controls and user interactions.

[https://github.com/AlgoMystique/MusicPlayer]

Age Calculator: An application that calculates a user’s age based on their birth date input, using HTML and JavaScript for straightforward functionality.

[https://github.com/AlgoMystique/Age-Calculator]

Stopwatch: A digital stopwatch built with HTML, CSS, and JavaScript that allows users to start, stop, and reset, reinforcing my understanding of timing mechanisms.

[https://github.com/AlgoMystique/Stopwatch-javascript]

Text to Speech Converter: A tool that converts text input into spoken words using Web APIs, showcasing my ability to integrate various technologies with HTML, CSS, and JavaScript.

[https://github.com/AlgoMystique/Converter-Text-to-Speech]

Website Using Bootstrap and Canva UI: A responsive website created with Bootstrap, utilizing design elements from Canva. This project taught me valuable lessons about responsive design and layout.

[https://github.com/AlgoMystique/bootstrap-and-canva-ui]

I’m eager to get your insights on these projects!

-What features or improvements do you think I should consider?

-Are there best practices you recommend for a beginner like me?

-What tools or libraries have been invaluable in your own projects?

Collaboration and feedback are essential for growth, and I’m excited to learn from this community. If you’re interested in checking out my code or trying out the projects, feel free to visit my GitHub repository!

Thank you for taking the time to read about my journey. I can’t wait to hear your thoughts and share experiences!

Happy coding! 🚀

From Code to Chat: Help Me Deploy My Node.js & React App for Free!

Sababa T — Mon, 28 Oct 2024 03:04:01 +0000

Hey everyone,

I’m thrilled to share that I’ve developed a chat application using Node.js, React, and Socket.io! 🎉 It was an incredible learning experience, and I’m proud of how it turned out. The app allows real-time messaging, and I’ve implemented features like user authentication and chat rooms.

Now that I’ve built it, I’m looking to deploy it for free, but I could use some guidance. If anyone has experience with deploying apps using these technologies, I would love your recommendations! Here are a few specific questions I have:

What free hosting platforms work best for Node.js and React?
How do I set up the deployment for Socket.io?
Any tips for ensuring smooth performance and scalability?

I appreciate any insights or resources you can share! Let’s connect and discuss—happy to hear from anyone with experience in this area.

Thanks for your support, and I can’t wait to share the live version soon!

Calling All Women in STEM! Let’s Connect!

Sababa T — Mon, 28 Oct 2024 02:51:49 +0000

🌟 Hello, incredible women!

As I embark on my journey into software engineering, I’m eager to build connections with fellow women in STEM. I truly believe that when we support and uplift each other, we can achieve amazing things!

If you’re a woman in tech—whether you’re just starting out, navigating the industry, or a seasoned pro—I’d love to hear your stories, insights, and tips! Let’s share our experiences, celebrate our wins, and tackle the challenges together.

💬 I’m especially interested in discussing topics like career growth, project experiences, and any advice you have for someone just getting started.

Feel free to reach out here or connect with me on LinkedIn- https://www.linkedin.com/in/sababat.

Let’s empower each other and create a vibrant network of women in STEM!

Looking forward to connecting with you all! ✨

My Journey into Software Engineering

Sababa T — Mon, 28 Oct 2024 02:39:42 +0000

Hello, everyone!

I’m excited to share my journey as I dive into the world of software engineering! I recently completed a diploma in IT and am currently taking a summer course to enhance my coding skills. So far, I’ve been learning HTML, CSS, JavaScript, TypeScript, React, Node.js, MongoDB, Express, Web APIs, and Object-Oriented Programming (OOP). It’s been a whirlwind of information, but I’m loving every minute of it!

In addition to my coursework, I’m working on a personal project to build my own eCommerce website using the MERN stack, and I’m integrating Stripe for payments. It’s challenging but incredibly rewarding to see my ideas come to life!

To further prepare for a career as a software engineer, I’m also practicing on LeetCode to sharpen my problem-solving skills and tackle technical interview questions. I believe mastering algorithms and data structures is crucial for success in this field.

I’d love to connect with others who are on a similar path! Have any of you attended bootcamps or summer courses? I’d love to hear your experiences and whether they’ve helped you in your coding journey. Your insights could really guide me as I navigate this exciting field!

Feel free to share your tips, resources, or project ideas. I’m looking forward to learning from this amazing community and sharing my progress along the way!

LinkedIn: https://www.linkedin.com/in/sababat
GitHub: https://github.com/AlgoMystique