About me :

Lured by its union of code and creativity, I have been exploring the possibilities of web development with the mission of helping people express their visions through bits and bytes. Thus far, I have been focused on navigating the front-end realm by experimenting with React-based applications.


Lately however, I have also been leaning into the back-end of web development. My current project, Friends' Palette, is a collaborative attempt at working with databases and authentication. The theme of this application is inspired by an interest in connecting people through art.


Feel free to write to me if you have quesitons or are interested in working on a project together!

profile picture

My toolkit

HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
React.jsReact.js
Next.jsNext.js
Tailwind CSSTailwind CSS
GitGit

Some of my projects ↓

Friends' Palette

Friends' Palette

Still a work in progress, this application is being developed with Khadija Jarrar, https://github.com/khadija-jarrar. The idea of this project is to connect people through creative challenges.
Next.js | Tailwind CSS
CV Creator

CV Creator

Create a resume by entering personal details and professional experience; save the generated document to a pdf file.
React.js | Tailwind CSS
Paper and Pigment

Paper and Pigment

This is a template for an e-commerce website representing an art store. This project introduced me to the React Router and the React Context API.
React.js | Tailwind CSS
Weather display

Weather display

Check the current weather for any city. This application fetches the weather data from the OpenWeatherMap API.
HTML | CSS | Javascript | webpack | OpenWeatherMap API
Battleship game

Battleship game

My implementation in JavaScript of the board game 'Battleship'. This was also my introduction to the Jest testing framework.
HTML | CSS | Javascript | webpack | Jest
Color explorer

Color explorer

This application was created collaboratively through Chingu. Create a color palette for your project by entering a base color and a use case. The Groq API will suggest complementary color combinations.
React.js | Tailwind CSS | Groq API

Send me a message ...

Feel free to reach out to me here if you would like to work on something together.

Or visit my GitHub profile to see what I'm working on ➵