Senior Frontend Developer
9D Technologies
5-JUL-2022 - Current
- API integration
- MERN tasks
- MongoDB, PostgreSQL, and MySQL
- Frontend Optimization
- Jest/Cypress test
- Projects deployment "VPS"
About
here is a little background about me
First of all I would like to welcome you on my personal custom platform built with Next.js using lates server components and server actions, I will keep improving this platform over the time. I am an enthusiast crazy Frontend developer with no limits, I have a curiosity of a cat, I like to experience all sorts of technologies around me, and get comfortable with them so easily in no time. I started on 2018 as a web developer doing freelance projects, I worked on all sorts of projects from e-commerece to single landing page websites, started from WordPress, then gradually built my experience and started developing themes from scratch then moved to plugins developement, but I didn't like being restricted to WP hooks, so I started exploring around, and knowing more about frontend, having a good grip on JavaScript was essential, after that I learnt React.js, and Next.js and since then till now, I work as a frontend develoepr, currently Sr.Frontend develoepr @ 9D Technologies wihich is a tech gient in Pakistan.
Experience
Frontend Developer
Self Employee
2-Aug-2020 - 5-JUL-2022
- Create Templates from scratch
- Responsive design
- Cross-Browsers Test
- Frontend Optimization
- develope Plugins
- Projects deployment "Hosts"
web Developer
Upwork
12-Aug-2018 - 1-Aug-2020
- Create Templates from scratch
- Responsive design
- Cross-Browsers Test
- Frontend Optimization
- develope Plugins
- Projects deployment "Hosts"
skills
Hover over a skill for current profieciency
100%
90%
90%
100%
100%
100%
75%
100%
70%
80%
80%
Projects
Case Study 1 of 4: Music Platform
During COVID times, a client wanted to make a project just like "The Voice" but online, where contesters can upload thier music vides after creating a profile, then people vote for them, winners go to next round, untill 5 contesters reach final round where they will be hosted live on the platform and the final winner will get ticket to x country and get to meet international singers, the platform has an admin panel too, via which the admin can monitor votes, reveniew generated and number of artists, the admin has full control on blocking/restricting artists in case of violation, also for people to cast vote they will have to pay x ammount and that will be reflected on the adshboard, my task was to make the frontend only using any technology I preffer, so I chose to work with Bootstrap and Javascript as I have mastery on Bootstrap so I didn't want to wast time learning Tailwind CSS or any other stuff
Case Study 2 of 4: File Converter
At 9D Technologies, I was assigned a task to build a file converter to convert file formats from pdf to other formats like word, image, xls, cls, compress pdf, split pdf, etcetra, the backend was built by the backend team and I integrated the API to the frontend which was a react based, with bootstrap and css, I can't say it was challenging but I learnt a lot of things regarding allowing users to download files from servers and grant them access to view their files before downloading them. It is fully responsive too, from full HD screens to 350px screens
Case Study 3 of 4: COCOLEMON
At 9D Technologies, I was assigned a task to build a platform to host all kids games created by the company and deployed on Google Play, to have one single place to let users download from, CMS was created by me along with API, frontend was also created by me using Next.js for the frontend and simple Bootstrap for the CMS, there are functionalities to filter based on category, age, and device type e.g Android or IOS, the user can view all previous versions, comments, ratings which are fetched directly from Google Play and can download the latest version via a click of a button, one ethical issue faced us building this project was if we can really scrape data from Google Play, or we should have our own database to fetch the data from, the dicition is still not made and it's under process, stay tuned ;)
Case Study 4 of 4: Customer Support Chat
This MERN project was assigned to me at 9D Technologies, the company had a product for females "Period Tracker" for which they needed a customer support portal, I created the API using express.js and MongoDB, users are stored with their email, username, dp url, and the chats are stored based on the usernames, for frontend I used Next.js, and for socket connection I used Socket.io. The mobile application developer signs the user in with google account and sends me the info needed to be stored and I create a private room for the user to start chatting with the admin, the user can only chat with the admin, but the admin can chat with all users available. one main issue I faced in this project is how to handle the different scenarios with the least amount of communication with the database to minimize server traffic coast, so I created an 'end chat' button for the admin to end the chat, it does nothing more than saving the chat to the databse, but then what happens to users who are chatting for the first time? and what happens to users who chatted before and want to caht again? how to fetch their data from both the DB and the socket server? at the end I created a unifide data structure for both DB data and socket live data and checked if messages exist in database fetch them then concatinate the messages from the live socket, otherwise fetch the messages from the live socket, this is extreamly summerized snippet of one problem faced me during this project, I learnt a lot and enjoyed building this project as it was my first time interacting with sockets