teleren/devto huggingface dataset:
Connect Logi ~ Logistics One Stop SaaS platform
Tags: javascript, webdev, react, node
Published: 2024-06-12 20:05:19

### Building a SaaS Platform for Logistics in stealth mode

After completing my first freelance gig building an e-commerce store, I embarked on a new challenge: a paid internship at a logistics company specializing in international and national clients. My role? Developing the backend for their SaaS platform. Initially daunting, considering my unfamiliarity with logistics, I embraced the opportunity with both excitement and apprehension.

**!!I'm in the cover image!!**

Fast forward five months, and I've navigated through a dynamic learning curve. For the past four months, we've been diligently building in stealth mode. In such a complex project, where meticulous coding is paramount, I found myself rewriting the backend multiple times to refine system design and enhance dynamic functionality. Our tech stack includes Node.js with Express.js, React, and MySQL.

Here are some key backend features I've developed:

- **User Reporting**: Generate insightful reports with pie charts, filterable by date and time.
- **Organisation/Client Management**: Implement CRUD operations for managing multiple branches effortlessly.
- **Job Creation**: Streamline job imports with customized one-click job numbers.
- **Line of Business Management**: Tailor CRUD operations to different lines of business for enhanced flexibility.
- **Workflow Creation**: Design workflows based on business lines, incorporating manual or automatic dependencies.
- **Employee Access**: Facilitate seamless access to workflows and branches for multiple employees.
- **Approval System**: Implement multi-level approval processes for organizations and jobs, with configurable criteria.
- **Employee Management**: Ensure smooth operations with comprehensive CRUD functionalities for managing employees.
- **Scheduled Mailing**: Automate timely client updates for improved communication.
- **Branch Management**: Enable easy creation and management of multiple branches.
- **Job Management**: Efficiently create and manage jobs specific to each branch's requirements.
- **User Roles**: Assign and manage customized roles to employees for optimized workflow management.
- **Notification System**: Provide real-time alerts for organization and job updates to enhance operational efficiency.
- **Approval Alerts**: Notify all employees promptly upon organization or job approval for coordinated action.
- **Branch Switching**: Allow employees the flexibility to switch seamlessly between branches.
- **Secure Authentication**: Ensure robust security through encryption-based user authentication protocols.

This internship has been an invaluable learning experience, offering profound insights into backend development within the logistics industry. Beyond technical skills, it has provided a glimpse into the complexities of real-world applications and the satisfaction of contributing to impactful projects. As an undergraduate, it's also been a source of supplementary income, further enriching my journey into the world of software development.

Thank you!
My First Freelance Gig: Building an E-Commerce Store
Tags: webdev, javascript, freelance, design
Published: 2024-06-12 19:51:13



In December 2023, I landed my first freelance gig, marking the first entry in the experience section of my resume. It was with a small company that manufactures dairy and cosmetic products. The client was supportive and confident in my skills, making it an exciting opportunity. My task was to create an e-commerce store for selling their products, using React, Material UI, Node.js with Express.js, Firebase, and MySQL.

I implemented various features, including an order management system, an admin panel, order confirmation via email and WhatsApp, discounts, a product form, and authentication using JWT. Material UI significantly enhanced the user interface, allowing me to create a visually appealing and functional store. The project took nearly two months to complete, and I successfully delivered it, gaining valuable experience and a certificate in the process.

Working with a professional client for the first time taught me that "the client always wants more" is indeed true. Despite some moments of skepticism about freelancing, I found the experience rewarding and educational. However, I haven't taken on a second gig yet, as I secured a paid internship soon after. I'll be writing about that in my next blog.

Unfortunately, the repository for this project is private, but here are the key features I implemented:

- **Authentication with JWT**
- **Products Listing & Product Details**
- **Cart Management System**
- **Business Query Section**
- **Product Reviews**
- **Payment System under 2.5k Rs**
- **Order System with Email & WhatsApp API (Twilio)**
- **User Flow Changes**
- **Admin Form for Product Addition**
- **Discounts**
- **Subcategories, Search, and Category Filter**
- **Forgot Password Feature**

Thank you for reading!
What is a data breach?
Tags: cybersecurity, nordpass, security
Published: 2024-06-12 19:47:41

An occurrence where personal, private, secret, or confidential information about an individual is disclosed without the user's consent or is stolen is known as a data breach.

Malware or hacking attacks are the main causes of data breaches. The following are other breach techniques that are commonly seen:

**Insider leak:** Data theft by a dependable person or an authority figure with access rights.


**Payment card fraud:** Physical skimming devices are used to steal payment card information.


Theft or loss of physical property includes files, laptops, office computers, portable drives, and other items.


**Unintentional disclosure:** Sensitive information may be made public due to errors or neglect.

**Unknown:** In a tiny percentage of instances, the precise breach mechanism is unclear or not disclosed.

With all of this, I know you are curious about how to determine whether your personal information has been compromised.

{% embed https://www.loom.com/share/bd00ea6813334c8b8f8c9db470e297dc?sid=97fff106-1004-4ccc-a928-46ead8f7ea9e %}

**1. Go to your browser and click on the address**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zv10xz5v6k8mzl7j7001.png)
**2.Look up Nordpass.com on the internet.**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx0ir262p71jnb01ntzf.png)
**3. Enter your information to register and log in.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xw77yd0niodl41we7qi4.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xxnud1ck9giymobjfj0b.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yw98x0k6rfbhpes10r7v.png)

**4.click Data Breach Scanner in the tools section.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d0aieppfevdutploqcho.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/313j63qao61fjzxj869l.png)

**5.This is where you can configure your credit or debit card, email, or both.**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cz20fi1qwmlk34tycujt.png)

**6.After this, you can scan your information to see the outcomes. You will find out at this point whether or not any of your personal information has been compromised.**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ie3ehgqwf6s659ywc7m6.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ibg9yjcyzkkb5h2n76hd.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pnlup07qpvksmi14dtv.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fr1fq84d0ev1q5kvlwmu.png)

**7.**In addition to having a password manager for all your passwords, [Nordpass.com](www.nordpass.com) can generate strong passwords that are hard for hackers to decipher. a sample of the password that you can obtain is this. **Y8m3BF5xpH%r5t7E3&$Ga&QduBfMr6UdsU9**
A feature needs a strong reason to exist
Tags: shapeup, agile, design, product
Published: 2024-06-12 19:33:22

We're working on a product with an amazing UI for managing projects. Think Trello but different 🙃

It offers drag and drop, in-place editing, keyboard navigation, etc, all with [optimistic UI](https://javascript.plainenglish.io/what-is-optimistic-ui-656b9d6e187c). The code is well-written and fairly organized, but it is inherently complex.

Recently, we wanted to add a "select multiple tasks and drag them all together" functionality. Before jumping into the code, we did some [shaping](https://www.youtube.com/watch?v=h_8M23wVjXk) to devise a solution that would not conflict with all the other user interactions we have.

Then it was time to do a [spike](http://www.extremeprogramming.org/rules/spike.html) to understand how hard it would be to build it. Before I even started coding the prototype, I knew it would make our codebase much more complex. We already have a lot of state management for the drag and drop, in-place editing, and optimistic UI. Adding another layer of state on the same UI would make it exponentially harder to grasp.

There is nothing inherently wrong with adding complexity. If the benefits outweigh the costs by a good margin, we're all for it. The problem in this case is that there is not yet a strong reason for this feature to exist.

The idea came up when we realized we had some time on our hands and wanted to use it to build something. And we feel this feature will be very useful in some cases. But if we're being honest, we still don't know how much so.

There is no user feedback indicating they're losing time dragging multiple tasks one by one. We only have our own experience with the app and a hunch. Nothing wrong with that either. Many of the best features out there were based on hunches and zero user feedback.

Still, something felt off while spiking. It doesn't feel like this hunch is worth the added complexity at this point. Maybe as we [frame](https://www.feltpresence.com/framing/) the problem better, it will.

That's the beauty of a method like [Shape Up](https://basecamp.com/shapeup). It provides great checkpoints where we can decide whether to go ahead with a project or not.

If the stages of development (framing, shaping, building) were not that clear, we might have moved forward with this feature and ended up with a much more complex codebase without a strong reason for it.
The next social networking and dating app for the LGBTQIA+ community
Tags: dating, lgbtqia, networking
Published: 2024-06-12 19:13:23

[Purr](https://www.purrdating.com/) is the next social networking and dating app for queer women, non-binary, and trans people.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvv8skg8k2w0m8ucobe4.png)

The App will feature a comprehensive way for users to connect with each other based on proximity, interests, industry, and much more. The app will also bolster an optional face and ID verification process to provide users with an additional level of confidence. The app will be available in the United States in 2024 on both the Google Play and Apple App Stores.
[Python] Take Screenshot every 1 minute
Tags: python, code, linux, windows
Published: 2024-06-12 18:34:16

Tool that takes screenshots and extracts information from your computer every 1 minute, running in the background.


![Files](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1mw8uhjdg7ik2prjdjg.png)


![Task background](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kohynihghw3nlm4oawdl.png)


![Tasks Proccess](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p4j7emcx6gim18mnsi2i.png)



Repository: [https://github.com/JkDevArg/tool_python](https://github.com/JkDevArg/tool_python)
The best FREE hosting control panel & alternative to CPanel: CyberPanel!
Tags: hosting, wordpress, cpanel, cyberpanel
Published: 2024-06-12 18:28:14

If you are looking to host a website, whether that be built with React or WordPress, you need a few things: mainly a domain and a server to host your website on and point your domain to. 

But you will also probably want a few things... like email, FTP server, DNS management, SSL certificate management. In the case of WordPress you will NEED things like database management and PHP.

There is a very cost effective solution and it is a control panel. If you do some googling you will find companies like [Host Gator](https://www.hostgator.com/), [Site Ground](https://world.siteground.com/) and [Blue Host](https://www.bluehost.com/) offering what is commonly referred to as "WordPress hosting" or "Shared hosting" which gives you access to their servers and a [CPanle](https://cpanel.net/) instance which is one of the most popular control panels on the market.

This is a wonderful solution if you are hosting one, maybe two websites. If you need additional control over the server, start to manage more websites or need more resources to run your website it may be beneficial to move away from Shared hosting and consider renting space on a VPS.

If you decide to take this route, now you probably want a control panel on your VPS too. You may think why not host my own CPanel? Well it costs money... Most of these control panels charge to use their software, a cost that the Shared hosting providers pass on to you as the customer, and this can be a large cost to eat by yourself on your own VPS.

## So what is the solution? CyberPanel!

My favorite solution is [Cyber Panel](https://cyberpanel.net/)! This is because out of the box it gives me all of the features I need to run my websites:

- Email
- DNS record management (with ClodFlair sync)
- One Click WordPress install
- Database management
- FTP server
- Auto management of SSL Certificates with Let's encrypt.

It allows me to host an unlimited number of websites, domains and email accounts all for FREE.

If you are not familiar with Linux or servers in general, popular VPS providers allow you to install it when you purchase your VPS and will install Cyber panel for you!

- [DigitalOcean - CyberPanel](https://marketplace.digitalocean.com/apps/cyberpanel)
- [Linode - CyberPanel](https://www.linode.com/marketplace/apps/litespeed-technologies/cyberpanel/)

So how does CyberPanel make money?

Well CyberPanel has a managed hosting platform where you can host your CyberPanel instance with them. They also charge for additional features and plugins. However out of the box CyberPanel gives you everything you need to host your website and offers all of the most commonly used features, that other free panels may not offer.

Overall I have not found any other FREE control panel that has been as easy to work with as CyberPanel and met all of my needs! I would highly recommend CyberPanel to anyone who is looking to host their own control panel.
🔥Binary Search❄️
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-12 18:23:54

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Explainer

> **Binary search** is like a super-fast game of "Hot or Cold" with a sorted list: you keep guessing the middle number, then cut the list in half based on whether you're too high or too low, finding the target in no time!


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1bi0zoj8ofrnjjjg3l2.gif)

## Additional Context
I think Binary Search is one of the first concepts every new developer learns, but I never thought to compare it to the game Hot and Cold. This community is really making me think differently!
What makes this Gaming Platform games stand out in the crowded world of mobile gaming?
Tags: gamedev, mobile, mobilegames, games
Published: 2024-06-12 18:23:54

"This [Gaming Platform](https://medium.com/@adreeshelk/nostra-brings-games-to-life-with-the-game-hosting-revolution-017dd8bfb0c8?utm_source=referral&utm_medium=Medium&utm_campaign=Nostra) games have emerged as a true game-changer in the mobile gaming industry, offering a unique and unparalleled experience that sets them apart from the competition. One of the key factors that distinguish This Gaming Platform is their seamless integration with the lock screen functionality of Android devices. This innovative approach allows users to access a wide variety of games instantly, without the need for downloads or installations, making gaming more convenient and accessible than ever before.
This [Gaming Platform](https://nostra.gg/articles/Nostra-The-Future-of-Mobile-Game-Hosting-is-Here.html?utm_source=referral&utm_medium=article&utm_campaign=Nostra) games boast an extensive library of high-quality titles that cater to diverse gaming preferences. From classic puzzle games like sudoku and chess to action-packed adventures like Wothan the Barbarian and Fruit Katana, This Gaming Platform games offer something for everyone. The platform collaborates with talented game developers to create visually stunning and immersive games that rival the quality of traditional downloaded titles.
What truly sets This Gaming Platform games apart is their commitment to delivering an exceptional gaming experience. With intuitive controls, engaging gameplay mechanics, and captivating narratives, This Gaming Platform games keep players hooked and coming back for more. The platform leverages cutting-edge technology to ensure smooth, lag-free performance, allowing players to fully immerse themselves in the gaming world.
Moreover, This Gaming Platform games foster a vibrant and interactive gaming community. Through leaderboards, challenges, and social features, players can connect with friends, compete for high scores, and showcase their achievements. This sense of community and competition adds an extra layer of excitement and motivation to the gaming experience.
In a world where mobile gaming is constantly evolving,This Gaming Platform games have successfully carved out a unique niche by combining convenience, quality, and innovation. By offering a diverse selection of instantly accessible games, delivering top-notch performance, and fostering a thriving community, This Gaming Platform games have redefined what mobile gaming can be, setting a new standard for the industry to follow.
Titanium SDK 12.3.1.GA released
Tags: titaniumsdk, mobile, javascript, news
Published: 2024-06-12 18:21:55


**Titanium SDK** helps you to build native cross-platform mobile application using JavaScript and the Titanium API, which abstracts the native APIs of the mobile platforms. Titanium empowers you to create immersive, full-featured applications, featuring over 80% code reuse across mobile apps.

The new version 12.3.1.GA is now available and some of the features are:

    fix(ios): fix privacy-related Filesystem APIs
    handle first privacy manifest changes
    Revert "feat(ios): support multi-scene applications
    node-appc update - fix: handle spaces in deployType and platform
    fix noresults event in ListView width custom query
    node-titanium-sdk update - fix: arm mac emulator fix, use platform for id
    Ti.UI.Tab selected event returns no data
    touchFeedbackColor not working for a bottomNavigation tab
    switchCamera method was missing

Blog post: https://tidev.io/blog/sdk_12_3_1_ga

Changelog: https://titaniumsdk.com/guide/Titanium_SDK/Titanium_SDK_Release_Notes/Titanium_SDK_Release_Notes_12.x/Titanium_SDK_12.3.1.GA_Release_Note.html
Creative Background Parallax Slider
Tags: codepen
Published: 2024-06-12 18:21:05

This CodePen demonstrates a full-screen background parallax slider built using Swiper.js. The slider features smooth fade transitions and autoplay functionality, making it ideal for creating visually appealing hero sections or landing pages. The background images are dynamically adjusted to cover the entire viewport, ensuring a seamless and immersive user experience.

Features:
Full Height Slider: The slider takes up the full height of the viewport, providing a compelling visual experience.
Smooth Fade Transitions: Transitions between slides use a fade effect for a smooth and modern look.
Autoplay: The slides automatically transition every 10 seconds, maintaining user engagement.
Responsive Design: The layout adjusts gracefully across different screen sizes, ensuring usability on desktops, tablets, and mobile devices.
Animated Content: The text and buttons within the slider feature subtle animations, adding an extra layer of interactivity and polish.
Technologies Used:
HTML5 & CSS3: For markup and styling.
JavaScript & jQuery: For interactive behavior.
Swiper.js: For the slider functionality.
Google Fonts: Using the "DM Sans" font for modern typography.
Explore the pen to see the complete implementation and customize it further to fit your needs!

{% codepen https://codepen.io/CreativeSalahu/pen/bGyYdKY %}
The Evolution of Web Development: A 10-Year Retrospective
Tags: webdev, javascript, frontend, beginners
Published: 2024-06-12 17:32:43

1. **Responsive Design**:
   - Over the past decade, responsive design has become essential, allowing websites to adapt seamlessly to various screen sizes and devices, driven by the proliferation of smartphones and tablets.

2. **JavaScript Frameworks**:
   - The rise of frameworks like Angular, React, and Vue.js has transformed front-end development, enabling more dynamic and interactive web applications with efficient component-based architectures.

3. **Progressive Web Apps (PWAs)**:
   - PWAs have gained traction, offering app-like experiences on the web with offline capabilities, push notifications, and fast load times, bridging the gap between web and native apps.

4. **Single Page Applications (SPAs)**:
   - SPAs, where the entire application runs on a single web page, have become popular for their fast, fluid user experiences, thanks to frameworks like React and Angular.

5. **Web Performance Optimization**:
   - Emphasis on web performance has intensified, with techniques like lazy loading, code splitting, and the adoption of HTTP/2 to enhance page load times and user experience.

6. **APIs and Microservices**:
   - The shift towards microservices and the extensive use of APIs have allowed for more modular and scalable backend architectures, facilitating seamless integration with third-party services.

7. **Serverless Architecture**:
   - Serverless computing has emerged, enabling developers to build and deploy applications without managing server infrastructure, resulting in cost efficiency and scalability.

8. **Web Assembly (Wasm)**:
   - Web Assembly has enabled near-native performance for web applications, allowing developers to run code written in multiple languages (e.g., C, C++) on the web at high speed.

9. **Enhanced Security Measures**:
   - Increased focus on web security has led to widespread adoption of HTTPS, Content Security Policy (CSP), and other security protocols to protect against cyber threats.

10. **No-Code/Low-Code Platforms**:
    - The advent of no-code and low-code platforms has democratized web development, allowing non-developers to create and deploy websites and web apps with minimal coding knowledge.

Happy Learning 🎉