profile

Full-Stack React/Next Developer

Hi! I am Nirajan Malla. I design, develop & deliver quality websites & webapps. I call it passion, they call me Geek

Experience

WebFriend Frontend DeveloperJan 2024 - Jul 2024
Builder's Academy Fullstack DeveloperJul 2023 - Dec 2023
Airtasker, parttimeFreelance DeveloperDec 2022 - present
3 yr+On The Journey
1.5 yr+Working Experience
20+Good Projects
30+Happy Clients
projects image

Projects

LetsWatchMovie

LetsWatchMovie demo image
Tools Used : React, tailwind, redux, reactquery...

Prototype : A React-tailwind based website designed with a minimal, smooth, and functional UI for an optimal user experience while they browse their favorite movies/series. It consists many features and functionalities such as different categories like trending, popular, now playing etc, Genre filters, Detailed information about cinemas, Standard search functionality, Watchlist, Infinite scrolling, Similar movies/series recommendation, Easy navigation between seasons and episodes for web/tv series, Trailers and related videos in a convinient playlist, external player that plays the cinema directly etc

Perks : Learned different concepts of reactquery, redux and tailwind in details. Followed DRY principle and more practical and efficient approach and folder structures with proper code break and optimizations.

Blood Request

Blood Request demo image
Tools Used : MongoDB, Node, Express, React, Material Icon, Typescript, Tailwind...

Prototype : One can request blood from the list of registered users of the selected blood group, search for Red Cross organizations near them, and contact them via email or phone. They can also search for blood banks near their location. Registration of new users who are willing to donate blood is possible through the registration page, and sensitive data such as email and contact information are encrypted using a cipher encoder before being stored in the database. The best part was working on the UI/UX of this site from start to finish.

Perks : Grip on typescript, tailwind and mongo atlas got tighter than ever.

Musical Friend

Musical Friend demo image
Tools Used : NextJS, Web Audio Api, npm, tailwind...

Prototype : Currently, the project features only two tools. Firstly, there is a pinpoint accurate tuner that can tune any instrument as long as the user knows the order of the strings. It detects the pitch using the autocorrelation algorithm and determines the correct note, offsetting it by 0.5 Hz if necessary. Secondly, there is a YouTube looper that automatically loops selected parts of videos, making it easier for musicians to practice riffs and solos. Additional tools may be available in future versions.

Perks : I had the opportunity to gain more knowledge about working with the Web Audio API and understanding how audio streams function. I also enjoyed combining my musical knowledge with coding. The most enjoyable part was extracting the correct note from the frequency detected by the autocorrelation algorithm.

Ordinal Scan

Ordinal Scan demo image
Tools Used : Coinlayer, Hiro, leatherwallet, mempool api, ordinals api, react, reactquery, xversewallet....

Prototype : This was a team project, If you're anything like us and have dabbled with NFTs, Ordinals, or other digital assets, you know the challenge of keeping track of all of them. Especially when tax season rolls around. Ordinal Scan was inspired by the real need to simplify this process, ensuring that digital asset enthusiasts can easily get their tax documents in order without the usual stress. Ordinal Scan is a one-click solution to track all your asset's profits and losses, right down to the last note. Our tool not only helps keep track of your digital assets but also generates a 1099 form for tax filing. As the digital asset market grows and becomes a part of over 40% of US households, Ordinal Scan stands to benefit everyone..

Perks : Through the course of this project, we gained a deeper understanding of the digital asset market and the challenges users face during tax season. Integrating various APIs and ensuring a smooth user experience also provided us with valuable insights into user-centric design.

Facebook clone

Facebook clone demo image
Tools Used : React, Material ui, Tailwind & Typescript

Prototype : This is a frontend clone of Facebook. When you visit the login page, you can either click on "My Profile" or enter a random email and password, or leave them blank and click "Login" to proceed to another route, which is the home page. Feel free to explore and navigate through the different sections, as it will surely leave you amazed..

Anonymous Chat

Anonymous Chat demo image
Tools Used : React, Node, Express & Socket.io

Prototype : Multiple user from any places can communicate with each other anonymously, only the joined and left encoded name will be displaced incase of any, any user can delete whole chat in one click.

Perks : best benifit was to know how websockets like socket.io works.

Image Optimization

Tools Used : Javascript, sharp(npm), prompt(npm)

Prototype : While working on a CMS project, I encountered the challenge of downloading multiple images simultaneously in the required format from an array of URLs. I devised a solution that allows you to provide an array of links and choose the desired width and format for your images. The system will automatically process all the images accordingly. For further details, please refer to the Readme documentation.

Perks : This tool is cli based that will be helpful for web developers. Combined with random image-providing tools such as picsum (as in imageUrls.json), this tool can be of great use to generate dummy images of specific formats, such as next-generation formats like webp that are lighter in size

QuizGame in C

QuizGame in C demo image
Tools Used : C programming, gcc compiler...

Prototype : Once game started, every point you score will be stored in a new file that is just created as you compile it. It contain set of 10 question on each topics.I wrote this to get better with C programming, use username : nirajan and password : ninja to play this game, adjusted code for removing error in online compiler in live link

Perks : Got better understanding of filehandling in c, created password-like input field, and used tons of logics

Memory Game

Memory Game demo image
Tools Used : HTML,CSS,JS & Jquery

Prototype : A web based game to match all hidden items - puzzle category. You click on random image and it gets flipped, now you memorize it and flip another image, if the second image is not the pair of the first one, both get flipped over again, you have to match all the pairs of image the quickest you can, if pair of an image is flipped consecutively then it stays visible until the end.

Perks : improved my understanding of jquery , javascript and logic building

Calculator

Tools Used : vanilla:HTML,CSS,JS

Prototype : One of the toughest project from certificate course of freecodecamp. Wrote preety good logic in vanilla js to pass all the test. It was pure headache in some part of the challenge and super fun at the same time XD.Actually did this in my initial days of frontend journey.

Perks : improved logic building and understanding of various things in javascript + grid layout in css

Drum Machine

Tools Used : vanilla: HTML,CSS & JS

Prototype : A basic and fun project to a coder and music lover like me XD. I wrote this code in the very beginning of my coding journey, I put this here to compare from where I started and where I have reached now. this is basically a drums that can be played with keys :)

hurricane image

Skills

  • beginner

  • blender
  • Illustrator
  • PHP
  • three.js
  • Sequelize
  • web3 & blockchain
  • Premier Pro
  • intermediate

  • MongoDB
  • Sass
  • TypeScript
  • Next.js
  • Material UI
  • React Native
  • confident

  • HTML
  • CSS
  • JavaScript
  • tailwind
  • Node & express
  • React
  • Context & Redux
  • React Query
  • C/C++
  • CMS sites
My preference in webdev:
Tailwind CSSTailwind as css framework
ReactReact as frontend library
Next.jsNext js as backend framework
freeCodeCampfreecodecamp logo
Front End Development Libraries certificate
reviews image

Reviews

I have been doing freelancing since 2022 in my free time and Here're some reviews from my happy clients:

review from Sevda
review from Jerome
review from Danny
review from Sean
review from Yannick
review from Sandra

Profile's rating (Jan, 2024)

Nirajan Malla Profile Rating Airtasker