Hello, I'm Tasnia.

A creative problem-solver with a passion for making accessible and user-friendly websites and applications.

Front-End Web Developer 💻

About Me

profile picture of Tasnia Nabila

Hello again! I'm a recent graduate from University of Toronto with a BA in Political Science. My love for technology, however, inspired me to become a Web-Developer. I currently work at Deloitte as a Product Associate. My current experience working at Deloitte and past experiences working in healthcare, tourism, and retail cultivated my strong communication, management, and problem-solving skills. All of which I want to use to build innovative and creative applications with a fantastic company ✨

When I'm not coding, you can find me socializing with friends, playing video games, and petting my adorable cat, King Arthur. I am also a lover of music and enjoy singing and dancing🎶

Check out my Projects

  • e-commerce website homescreen

    E-Commerce-App

    This E-Commerce site, called Nabila is built using React and the Makeup API. Nabila has a working cart and favourite list which also displays the quanity of added items. Users has 3 categories of makeup to sort through, foundations, blush, and lipstick. This can be further filtered by brand and tags such as vegan and crueltry free. When individual makeup items are clicked on, a modal with description and colour options are available for users to see and add to cart. In the cart, users can add more of the same item or remove the item altogether. The price of the items and total price of the cart is calculated upon any changes

    • React
    • API
    • CSS3
  • box office bofo homescreen

    Box Office Bofo

    Box Office Bofo allows users to log in using their gmail account to search for summer movies by year and rank the top 10 grossing films. The user can create multiple movie lists for multiple years. The lists can be deleted. See if you can guess what the top 10 grossing summer movies for 2020 was! Collaborated with Jim Hazlewood and Jasmine Patterson

    • React
    • Firebase
    • API
    • CSS3
  • chat app homescreen

    Chat Room

    A matrix-themed chat room that user can use with their google account. The chat room is equipped with emojis. I've also added hidden easter eggs where the sent message sound will change based on specific keywords in the sentence. Firebase and google authentication is used to keep track of whether user is sending and recieving the message. Give it a go, chat or leave messeges for others using the Chat Room.

    • React
    • Firebase
    • CSS3
  • meal master chef homescreen

    Meal Master Chef

    MMC provides multiple categories for the user to choose from. One they choose a category, they will be given 3 random meals from that category. If they don't like their option, they can keep generating 3 new meals until there are no meals left in the category. If they do like a meal, the user can click on a meal to recieve meal prep instructions and ingredients with an accompanying YouTube video. Worked in pair programming with Hal Forrest.

    • HTML5
    • CSS3
    • SASS
    • JavaScript
    • API
  • planted homescreen

    Planted

    Planted is a multi-page conversion of a PSD design made fully responsive and accessible. This project followed provided guideline and file-naming convention.

    • HTML5
    • CSS3
    • SASS

My Tools

  • HTML5

  • CSS3

  • SASS

  • JavaScript

  • jQuery

  • React

  • Firebase

  • REST Api

  • Git

  • Github

  • Accessibility

  • Responsive Design

Get in Touch

Don't be shy to get in touch with me! You can also schedule an appointment using calendly. We can grab coffee and chat about all the cool places you've traveled/want to go to. Pictures of your pets are always encouraged!