Hi, I'm Hamna 👋

and I am
Re|

A passionate Full Stack Software Developer 🚀 having a special interest in Frontend technologies and experience of building Web applications with JavaScript / Reactjs / Nodejs and some other cool libraries and frameworks.

About Me 👩

I am a Computer Scientist who just graduated from the premier IT university COMSATS University Islamabad in Computer Science Majors. I am a highly skilled professional developer who loves to take on the challenges and then solve them.

While doing my graduation, I had the pleasure of working for some amazing companies like Starbucks. I worked on a portion of their website for their Trinidad and Tobago website. I also worked with Nastech Group of companies as a freelance web developer. Nastech is a giant in IT and cabling sector in Middle Eastern countries. I have also worked with TechnoSpark on React and NextJS technologies.
Communities

What I Do? 👩‍💻

Prepare variety of different designs, layouts and websites
Actively listen to customers' requests, confirming full understanding before addressing concerns
Use Seo Optimization and other software tools to create to grow their business
Identify issues, analyzed information and provided solutions to problems
Convert graphic designs to usable web images using React JS
Plann website development, converting mockups into usable web presence with HTML, JavaScript, AJAX and JSON coding
Provide front-end website development using WordPress, Hubspot and other editing software
Establish presentation consistency across Chrome, Safari, Firefox and other common browser interfaces
Convert graphic designs to usable web images using Adobe Photo Shop
Multi-task across multiple functions and roles to generate project results and meet deadlines and organizational expectations
Code websites using HTML, CSS, JavaScript and jQuery languages
Implement Google-based SEO and ad campaigns to meet budget specifications
Employ search engine optimization tactics to increase reach of targeted audience
Develop technical solutions required to accommodate specific user-facing assets such as [Product or Service]
Conduct Unit testing over course of web development lifecycle

Skills 🔥

React
Redux
NextJS
Javascript
Typescript
HTML
API Integration
SQL
Firebase
Figma
CSS
SCSS
Bulma
Material UI
Tailwind
WordPress
Git
Search Engine Optimization

Experience 💼

Starbucks
Nov 2020 - Mar 2021

WordPress Developer

I worked on the Official Starbucks Website for Trinidad and Tobago. The project included complete redesign of their website, and adopting the standard Starbucks style for the country's website

Responsibilites
  • Conerting the designs into working site
  • Cleaning existing pages and converting to newer designs
  • Constantly delivering and receiving the feedback
  • Work on the feedback points
  • Resolve any hosting problems
Nastech
June 2020 - Nov 2020

React Developer

I worked with NASTECH Group of Companies to design and developed their online project management system. The system could be used to track the project progress, assign tasks, manage employees, generate reports among other works.

Responsibilites
  • Suggesting the solution to the problems
  • Implementing the solutions
  • Designing the structure and UI of the pages
  • Making the required changes suggested by client
TechnoSpark
Oct 2021 - Mar 2022

React Developer

I worked with TechnoSpark as their React and NextJS Developer. Here, I worked mainly on their frontend application and it's integration with the Stripe API. I was mainly tasked with handling Payment integration.

Responsibilites
  • Writing clean and standard code
  • Helping fellow colleagues with their problems
  • Integrating Stripe payment gateway to the application
  • Fixing any problems in previously written code

Projects 💻

Foodies App

Foodies App

A UI For foodies app created using ReactJS

ReactHTMLCSS
HULU Clone

HULU Clone

HULU Clone, View all the latest movies category wise. Built using TMDB API.

ReactHTMLSCSSBulmaAPI Integration
LinkedIn Clone

LinkedIn Clone

LinkedIn Clone with React Js+ Firebase and user authentication. Create your account add post and sign out.

FirebaseReactCSSRedux
Airbnb Clone

Airbnb Clone

Airbnb home Page UI design , designed Using React Js with CSS.

ReactCSSMaterial UI
Google Clone

Google Clone

Google Clone using NEXT JS ,SSR, Tailwind and Google API's to search data.

NextJSCSSReactTailwind
Admin Dashboard

Admin Dashboard

Admin Dashboard UI with functionalities created using React and Material UI

ReactHTMLJavascriptCSS
Add to Cart

Add to Cart

Add to cart project with React Redux using Typescript

ReactJavascriptCSSAPI IntegrationReduxTypescript

Student Education Assister 👨‍🎓

An All-in-One Solution for Students 📚

SEA is a web-based application where students can access resource material shared by fellow students absolutely for free. We help the students in finding resources and tutors, improving their skills and communicating and engage with students from other institutes. Students from all backgrounds can have discussions and create forums to find solutions and brainstorm together. There is also a project section where the skilled students can find the related projects and earn some money. Students can also keep an eye on the global scholarships through our platform. Our platform also allows the students to evaluate their preparation by generating random MCQs from the study notes. This is made possible by use of Machine Learning in our system.

Main Modules

Post

Users can share the educational resources with their fellow students and also share their feedback by liking/disliking the post and by comments

Quiz

Users can upload the notes and the system will generate the MCQs from these notes. User can attempt the quiz and see the result to know how much they are prepared.

Locate Tutor

Students can find the tutors in nearby areas and contact them regarding the subjects they want help in. The tutors can see the requests and respond with the rates.

Freelance Projects

Users can post projects and get them done by the expert students in those subjects. They can also track the status of current projects and the estimated completion date.

Payment Gateway

Users can pay the project amount to the student using the Stripe API which is integrated into our application.

Users

The admin user can manage the application's users through the platform. They can enable/disable the users and can accept/reject the tutor listing requests.

Scholarships

The students can see the scholarship opportunities being offered throughout the world and they can filter the results by their education level or desired country.

Notifications

Users will get the notifications in the app upon events e.g. someone comments on their post or when the tutor responds to their request etc.

Messaging

Users can send messages to fellow students using the website

Technologies Used

ReactExpressNodeJavascriptTypescriptPythonMongoStripe APIGitAPI IntegrationBootstrapSCSS

Contact me 📱

LinkedIn

hamnaikbalkhan

Location

Houston TX