DEV Community: yungcodedev

Connect Logi ~ Logistics One Stop SaaS platform

yungcodedev — Wed, 12 Jun 2024 20:05:19 +0000

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

yungcodedev — Wed, 12 Jun 2024 19:51:13 +0000

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!

my first web project and stuff about life

yungcodedev — Sat, 29 Jul 2023 19:36:49 +0000

Okay.. so today I've completed my first project. An e-commerce web app built using React JS and Firebase. I completed this project in a month. I learned a lot and I still messed up Firebase hosting for this project but never mind. I built unixchange a marketplace for people to exchange their products.

GitHub Repo - https://github.com/shrey802/unixchange

Things I learned -

Web app flow, local storage, Firebase services, stripe setup, Braintree (I tried Braintree before stripe), Hooks, Components, conditional rendering, forms, Database chaining, CRUD operations on Database, debugging, reading documentation, and a lot more.

I'm happy that I built something on my own and got out of the tutorial hell. Also, I learned 'how to google', and 'prompt engineering'. I kept on learning and understanding the code and writing it on my own. I tried to write clean and optimized code with comments.

I also want to share that in the past 2 months that is June and July (although 2 days are remaining). I feel I grew a lot in terms of programming. I started my junior year, built a project, prepared for Azure 900 fundamentals, and did around 91-92 LeetCode questions, did an internship assignment but unfortunately couldn't get an interview, joined a community, became the leader of the ACM committee of my college, learned basic C panel, did 2 small certifications, met some family members, enjoyed some alone time. Overall these two months have been good for me. Looking forward to building more web + cloud projects and getting my Azure certification. Also, I've applied to buildspace n&w season 4. Hope so I get in. Thank you for reading.

Mocha and Chai Unit Testing (node js)

yungcodedev — Sat, 29 Jul 2023 19:34:56 +0000

Let's start by understanding unit testing and why you need to test your code before deploying to production!

_Unit Testing _- It is a form of testing where individual components of the codebase is tested before deploying. To verify that each piece of code in the codebase works properly.

Test-driven development includes writing a particular test before production and checking whether it’s working. The idea is basically to get a little bit of assurance from the initial test.

Behaviour-driven development is a subtopic of test-driven development but instead uses simple and human-readable descriptions of software user requirements as the basis for tests.

There are various tools with which you can perform unit testing in node js.

Mocha js
Chai js
Jest
Enzyme
SinonJS
Cypress

Now let's test our piece of code :

index.html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link href="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet"/>
</head>
<body>
  <div id="mocha"></div>
  <script src="https://cdn.rawgit.com/Automattic/expect.js/0.3.1/index.js"></script>
  <script src="https://cdn.rawgit.com/chaijs/chai/3.5.0/chai.js"></script>
  <script src="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>

  <script src="problems.js"></script>
  <script>
    const mocha = window.mocha;
    mocha.setup('bdd');
  </script>
  <script src="tests.js"></script>
  <script>
    mocha.checkLeaks();
    mocha.run();
  </script>
</body>
</html>

So index.html is just a boilerplate code and few script tags.

Problems.js - where we will write our piece of code

function cube(numberarray){
    const newnumberarray = numberarray.filter(val => val%2!=0);
    return newnumberarray.map(val => val**3);
}

//numberarray=[2,3,4,5,6,7,8]
//newnumberarray=[27,125,343]

Here we have taken an array named numberarray and we are filtering even numbers from numberarray

Mocha and Chai Unit Testing (node js)

yungcodedev — Fri, 09 Dec 2022 09:48:24 +0000

Let's start by understanding unit testing and why you need to test your code before deploying to production!

_Unit Testing _- It is a form of testing where individual components of the codebase is tested before deploying. To verify that each piece of code in the codebase works properly.

Test-driven development includes writing a particular test before production and checking whether it’s working. The idea is basically to get a little bit of assurance from the initial test.

Behaviour-driven development is a subtopic of test-driven development but instead uses simple and human-readable descriptions of software user requirements as the basis for tests.

There are various tools with which you can perform unit testing in node js.

Mocha js
Chai js
Jest
Enzyme
SinonJS
Cypress

Now let's test our piece of code :

index.html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link href="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet"/>
</head>
<body>
  <div id="mocha"></div>
  <script src="https://cdn.rawgit.com/Automattic/expect.js/0.3.1/index.js"></script>
  <script src="https://cdn.rawgit.com/chaijs/chai/3.5.0/chai.js"></script>
  <script src="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>

  <script src="problems.js"></script>
  <script>
    const mocha = window.mocha;
    mocha.setup('bdd');
  </script>
  <script src="tests.js"></script>
  <script>
    mocha.checkLeaks();
    mocha.run();
  </script>
</body>
</html>

So index.html is just a boilerplate code and few script tags.

Problems.js - where we will write our piece of code

function cube(numberarray){
    const newnumberarray = numberarray.filter(val => val%2!=0);
    return newnumberarray.map(val => val**3);
}

//numberarray=[2,3,4,5,6,7,8]
//newnumberarray=[27,125,343]

Here we have taken an array named numberarray and we are filtering even numbers from numberarray and storing the odd numbers in a new array called newnumberarray & taking the cube of odd numbers stored in newnumberarray
using map function in javascript.

Tests.js

const chai = window.chai;
const assert = chai.assert;
describe("cube", () => {
    it("cube of odd numbers", () => {
        assert(cube([2,3,4,5,6,7,8]),([27,125,343]));
    });
});

here we define describe which takes two arguments "title" and a function.
Then we have defined it which takes 2 arguments "explanation" and a function.
assert is used to compare input and output

so we give an array filter the even numbers and take the cube of odd numbers.

This is just a basic method which I learned today & I wanted to share it with you guys. Would love any feedbacks!

Dev card

yungcodedev — Sun, 03 Jul 2022 12:31:32 +0000

https://api.daily.dev/devcards/80b471dd7b684a2eb1141c8defc89386.png?r=cyh
Great idea of a dev card and a great extension - Daily dev

New design

yungcodedev — Mon, 16 May 2022 19:37:12 +0000

https://www.figma.com/file/KkLYrjiT9sOpLvwUk6wVXG/Landing-page-ptype
New landing page design using figma

Completed 1 year on twitter. Go follow me for more web dev content 🚀

yungcodedev — Mon, 02 May 2022 13:31:38 +0000

Click

Trying to build my online presence on twitter so go and hit that follow for web dev content and my journey🧡🛠

Learning React js and learned about forms need more practice

yungcodedev — Mon, 02 May 2022 13:28:18 +0000

So I'm learning react from Scrimba and I'm in third module building meme generator..
This is just a update

State in React js

yungcodedev — Thu, 28 Apr 2022 13:54:05 +0000

State in react js is when we want to remember the changed value of a property while it renders the page and display the changed value.
Similar to declaring a variable

CSS Grid notes

yungcodedev — Tue, 26 Apr 2022 20:30:49 +0000

Flexbox Notes
CSS Grid Notes

Tried no code / low code tool - retool

yungcodedev — Sun, 24 Apr 2022 19:33:03 +0000

I tried it for the first time and I must say the product is good and no code / low code is something people should pay attention on...
I also made two simple apps

Trade Dashboard
Customer Info Dashboard