You are visiting an old version of my portfolio. An updated version is currently in progress and coming soon.
Hello There,
I Bring Ideas & Designs To Life by developing responsive, optimized and efficient websites & applications with the help of variant sets of technologies.
About
Who is Karim ?
All Projects Are a Problem To Be Solved, Whether It’s To Do With Design Or Code Only The Tools Change. I Approach Each Problem With Care And I See It As a Learning Opportunity And Experience. I Have a Passion To Learn, Create And Test New Languages, Websites & Mobile Applications.
I Am Currently Learning Angular JS, And Expanding My Backend Knowledge By Understanding & Working With Node JS, Express And Nest Js.
While My Focus Is Web-Development With Vue JS, Nuxt JS, Quasar JS & Tailwind CSS. My Interest Lie Also In Mobile-Development Using React Native.
I am Always Experimenting, Always Learning, And Never Bored.
Here are a few technologies I’ve been working with recently:
HTML / HTML5
CSS3 / SCSS
Bootstrap
Javascript
Vue JS
Tailwind CSS
Nuxt JS
Quasar JS
React JS
Next JS
React Native
Firebase
Figma / Canvas
Git / Bash
Experience
Where I Have Worked
Mars 2021 - September 2022
Worked on : Design, UI/UX, creation and development of SPA websites using Vue JS, Nuxt JS v-2/3, CSS/SASS and Tailwind CSS.
Responsible for designing and creating admins (CMS) pages and components using Quasar JS, JS/TS and CSS/SASS.
SEO optimization and website performance for many clients.
Improve and optimize the code base of several projects.
Work
Projects I've Worked On Recently
After joining the startup, I was given the task of building the company's website from scratch and as fast as possible. With this information in mind, I had to come up with a modern yet simple design. I started by documenting,visiting different websites and sketching my own ideas on Figma as well as on paper to come up with the final design for the website. Next i had to pick the best tech stack to build the website, and for that I used Nuxt JS - Tailwind CSS - Javascript, which allowed me to build the website much faster, stress free and having fun doing it.
Nuxt JS
Tailwind CSS
CSS3 / SASS
Javascript
Figma
Having worked with a small team, we were assigned to build this project. The main aim was to create an admin panel that houses multiple services provided by the company, and i was responsible for the UI/UX & front-end part of the project. Thankfully, some of the designs and wireframes were already complete, so we already had an idea about how the project should look like. But that was no easy task because the project needed to be optimized since there would be a lot of heavy api & data requests. Then we started working on these ideas immediately, while brainstorming and discussing new ones. It was a good experience and it's always nice to see ideas that you worked on become real products that clients can use.
ANGULAR
Tailwind CSS
Typescript
Figma
After a few months of building and releasing the website, and after some discussions with the team, I had to re-build the website from scratch and with a different web-stack. The goal was to improve the UI, modernise the website while maintaining a professional look. Since I had to re-create the website, I decided to break things into small tasks, prioritise them and sketch out ideas. After some sketching and documenting, I found designs on the internet similar to what was agreed on by the team. So I started working on those designs using the same stack that I use for building websites, Nuxt JS - Tailwind CSS - Javascript. Why do I use these technologies every time you might ask? It's because it helps me build them much faster and easily. Overall, the website design wasn't that difficult , but I had some challenges while including on scroll animations.
Nuxt JS
Tailwind CSS
CSS3 / SASS
Typescript
Figma
VTC is a private driver's company located in France / Lyon. The idea behind the website was to increase the company's growth, their revenue and their presence to reach new areas. I worked closely with a colleague on the UI & UX of the website and the admin panel. For the customer side, we created a simple stepper that helped them book a private driver for a good price while keeping their information secured. And on the driver's side, we developed an admin panel to help them keep track of their customers and their bookings. I had so much fun working on this project and my knowledge increased both on the Front-End and the Teamwork sides.
Nuxt JS
Tailwind CSS
Javascript
Figma
Axios
GEYOURGUIDE is a company located in Marrakech. After being assigned to build their website's front-end, it was clear to me that I needed to create a brochure website that showcased the group's services to the clients. The first step was to figure out the website structure and content. I visited some websites for some inspiration, and I sketched out some wireframes and designs both on paper and Figma. Then I moved to building the website using Next JS - Tailwind CSS - Javascript and Axios. My goal is to deliver a high-end website while focusing on the UI & UX. Although some of the designs were challenging, I had a great time working on this project.
Nuxt JS
Tailwind CSS
CSS3 / SASS
Javascript
Axios
Contact
Oh, You Have Made It !
I’m currently looking for new opportunities. However my inbox is always open, whether you have a question, discuss a project or just want to say hi, don't hesitate to send a message !