my logo

Hello there, 👋🏽

I am Jane Tracy .

A 😎 developer

I am a self taught front end developer, who enjoys coding cool websites and making them user friendly and easy to navigate. User Experience is important in what I create.

Video Intro: Introducing myself, Why I started programming and What cool project I have worked on recently.

Hire Me

About Me

In August 2020, I decided to learn code cause I had a lot of request if I can code what I designed. But Unfortunately I didn’t know how to code. I took some courses on Udemy like: Advanced Sass and Css: Flexbox, Grid, Css Animations and More, Modern Javascript from zero to Ninja and Gatsby Bootcamp and a couple of Youtbe videos to learn React and Gatsby.

As I learned I also started a Blog On Dev.to @Tracycss to share my knowledge. By the end to 2020, I was among the top authors with more than 100k+ views. Also this made me to be selected as a moderator for the Dev.to developer platform in 2021. I didn’t reliased how powerful my voice was until I started blogging about my Journey and how to build things with TailwindCss, Css and React. This journey created a new path where I became a Technical writer for Youtube developers. Created an amazing script for KalleTech team which got amazing reviews and comments and 400k views.

Learn MoreView Resume

Portfolio

Firebase Note App

Firebase Note App

ReactMaterial UIFirebase

For the app functionality, a user can create notes in the create page and they will be stored in firebase cloud. You can also delete them with the delete button if you have finished the task. The cards have categories to label the importance of your notes. Example, work, money, todos, reminder or personal.

Airbnb clone app App

Airbnb Clone App

JavascriptReact-JSNext JsSanity

Airbnb frontend clone was created from scratch with data created from sanity io as a backend with different schemas. In the backend you can add details about the property like: location, description, multiple images, reviews and the hosts of each property. The frontend was built with Next to fetch data from sanity to render it to the client side.

Budgetfy Financial App

Budgetfy Financial App

HtmlCSS-modulesJavascriptReact-JS

Budgetfy App helps you to keep track of when you spend your expenses and see which month you spent the most. This project increased my understanding of using react hooks like state and reducer to handle the form values. Used scoped styles by applying CSS modules to ensure they are only applied to that specific file.

Product Agency website preview

Product Agency website

JavascriptReactNext JSMaterial UI| MUI

Product website is a design agency that creates the most intuitive ways to make a better User Experience for your products. This is by following tools, tutorials and experts they are in their team. This site was created as a way Open Source project for Hacktoberfest 2021. Developer from the open source community made this website from the design to the live site with Next JS and Material UI(MUI).

Let's Connect

If you want me to be part of your team, you can reach out. I will be glad to work on cool projects as I improve my skills. You can also just say hey or get advice on how to be a good Tech blogger.

You can also get me at dev.to@tracycss

Location: Dubai

Follow me on social media