Turning your designs into a great UX

I'm Roshan Bansie, Computer Science student developing modern full-stack apps that solve everyday problems focusing on the optimal UX.

Explore what I've been up to lately

Below are my projects listed that showcase my experience in fullstack webdevelopment so far

Notify website image
Notify website image

Notify

Upload, store and view all your warranties in one place so you never have to lose them again.

React.js
Typescript
Node.js
Express.js
SQL

Skills I have learned along the way

In the past few years I have been developing skills on different areas like the front-end, backend-end and utilizing third-party tools.

HTML-logo
HTML
CSS-logo
CSS
javascript-logo
javascript
react-logo
react
typescript-logo
typescript
nextjs-logo
nextjs
nodejs-logo
nodejs
expressjs-logo
expressjs
postgre SQL-logo
postgre SQL
firebase-logo
firebase
supabase-logo
supabase
resend-logo
resend

My development philosophy

  • Extend code with meaningful comments

    Provide sufficient comments to explain my code and design choices

  • Write dynamic code

    Avoid DRY and static code so the software can feed on different input with minimal code changes

  • Create functional components with minimal dependencies

    Create funcional components with minimal dependencies with other components to facilitate changing the source code in the future

  • A keen eye for creating modern looking UI

    Making the UI of a software modern looking by implementing the newest design trends

  • Value UX as much as a good looking UI

    A great UX is as important as a good looking UI to make the website more accesible for everyone. This includes adding loading states, error messages, skeleton loaders and many more techniques.

My workflow

It is tempting to head straight to your favorite IDE when being given a task to create an app or functionality. However, from my experience I have learned that this approach will lead to a longer development time due to impulsive changes over time. Instead, I have developed the workflow as described below.

  • 1

    List requirements

    Analyse the problem statement and list all functionalities

  • 2

    Design database

    Create an EER diagram for the software or problem statement.

  • 3

    Design pages

    Divide the requirements over webpages and design an UI for these pages.

  • 4

    Translate design to code

    Implementing the EER into an existing database and writing code to develop the webpages

  • 5

    Testing

    Test whether the code satisfies the requirements along with edge cases and security vulnerabilities.

  • 6

    Deploy

    Deploy the code on my domain(s) and make the database go live.

Educational milestones I've achieved

To the right are the scholar institutes that I have attended and online courses that I've completed so far.

Online courses

Scrimba

2024-present

Main activities

Learned Javascript, React.js, Typescript, Next.js, Node.js and Express.js

Bachelor Informatica

University of Amsterdam

2024-present

Relevant courses
  • Inleiding programmeren
  • Datastructuren en algoritmes
  • Webtechnologie
  • Programmeertalen
  • Networks and Networks Security
  • Moderne Databases
Main activities

In the aforementioned courses, I gained experience working on software in a team and learned about key concepts related to programming languages, different network layers and their relevant protocols, designing EER diagrams, and implementing 3NF database schemas.

Bachelor Biologie

University of Amsterdam

2023-2024

Main activities

Introduction to basic statistics and using R to perform analytical tests and create graphs

Highschool

Het Baken Trinitas Gymnasium

2017-2023

Main activities

Learned and trained to utilize basic knowledge in unknown and new situations and also learned basic scientific concepts and algebra.

Lets get in touch

Use the contact form to the right for further inquiries. Also, feel free to connect with me via LinkedIn to track my progression and milestones in webdevelopment.

  • Email me

    Send me an email for further inquiries

  • Connect with me

    Follow my progression as a webdeveloper