| Hi ! There

... It's me

𝕄𝕕 𝔸𝕣𝕚𝕗𝕦𝕣 ℝ𝕒𝕙𝕞𝕒𝕟

Full-Stack Developer.|
Welcome to my journey as a Full Stack Developer, where passion and creativity converge to craft compelling web solutions. I am dedicated to solving complex challenges with innovative solutions, driven by the goal of improving user engagement. My adventure in web development is marked by a constant pursuit of learning and growth. Let's explore the possibilities and make meaningful impacts together.

<  About Me   / >

I have more than  0+  hands on projects experience.

9+ Full stack projects.

where HTML, CSS, Bootstrap,Tailwind CSS, Material UI, JavaScript, TypeScript, ES6, React Js, Next JS, Redux, Firebase Auth, React Stripe.js, Tanstack Query, JSON Web Token (JWT), Node JS, Express JS, PHP, Laravel, Symfony, Python, Django, MysQL, PostgreSQL, MongoDB, GraphQL, Prisma, Docker, Docker Compose, CI/CD Pipeline, and AWS technologies have been used.

10+ Back-end projects.

where Node JS, Express JS, PHP, Laravel, Symfony, Python, Django, MysQL, PostgreSQL, MongoDB, GraphQL, and Prisma technologies have been used. (Please take a look at my GitHub repositories for these projects.)

12+ Front-end projects.

where where HTML, CSS, Bootstrap,Tailwind CSS, Material UI, React JS, Next JS, Redux, React Router, and Firebase Auth are implemented.

some projects are done by raw HTML, CSS, Javascript with dom manipulation.

<  My Skills   / >

html
css
bootstrap
tailwind
javascript
typescript
react
next js
redux
firebase
rest api
node js
express js
jwt
mongoDB
mysql
postgres
prisma
GraphQL
python
django
php
laravel
symfony
nginx
git
github
docker
ci/cd
aws

<  My Projects   / >

 SprachGenie  

Project Overview:

SprachGenie is an AI-powered language learning platform built with React JS, TypeScript, Express JS, and PostgreSQL, designed to help users improve their German vocabulary (A1–C1).

Words already come with pre-set meanings and example sentences. If users want more information, they can simply click the AI button next to any word to generate additional meanings, sentences, or a short paragraph. Users can also report incorrect AI-generated content.

Users can search and filter words by language level (A1–C1) and topic. They can also add words to their Favorites list to enhance learning progress.

Admins have full control from the dashboard, including managing users (suspend/unsuspend, assign roles), creating and updating words and conversations, monitoring favorite counts, setting global and per-user limits, controlling usage, and reviewing user reports.

User registration is verified via email to ensure genuine accounts. Users can securely reset their password if they forget it, and accounts that are not confirmed within a set time will be automatically removed by scheduled cron jobs.

The frontend communicates with the backend via RESTful APIs using Axios, and Redux handles state management for a smooth user experience.

Technologies:

React JS

Tailwind CSS

RESTful APIs

Axios

Redux

Express JS

TypeScript

JSON Web Token (JWT)

Prisma

PostgreSQL

OpenAI GPT-4.0 Mini (AI)

Links:

 Restaurant Management  

Project Overview:

A full-stack project with a separate backend (Menu Craft, built using Symfony and MariaDB) and frontend (Bistro Delight, developed with React JS).

The frontend seamlessly communicates with the backend through RESTful APIs.

Customers can browse restaurant menus, add items to their cart, modify quantities, and place orders.

Admins can manage dishes and categories via the backend.

The frontend and backend are containerized using Docker and Docker compose for managing and orchestrating multiple containers.

Both the applications are hosted separately on AWS EC2 instances with Nginx as the web server, and equipped with CI/CD pipelines for automated testing and deployment.

Technologies:

Symfony

Nginx

MariaDB

Docker

RESTful APIs

CI/CD

React JS

AWS

Links:

 The Language Club  

Project Overview:

A dark theme is added to the Language Club project by default. A user can switch or revert from dark to light and light to dark.

The Language Club project allows users to have three different roles – A student, an instructor, or an admin.

When a user registers to the Language Club for the first time his/her role is set by default to a student. An admin can make a student an instructor or make an instructor to admin and it will be showed and updated in the dashboard.

A student can select a course with login credentials. After selecting the course the student can purchase it using Master Card/ Visa Card/ American Express/ UnionPay or many more.

An Instructor can add or open a course from his dashboard with his/her login credentials and the course will be pending until the admin approves it.

An admin can approve a course that is applied by an specific instructor after the of the course the "pending" status in the instructor's dashboard will be "approved" and then the course can be viewed and purchased by students. If the admin rejects the course the "pending" status in the instructor's dashboard will be "denied" and the admin can leave a feedback for the rejection. In that case of rejection, the course will not be published hence the students can not see it on the website as well as can not purchase it.

Technologies:

Tailwind CSS

React Js

Firebase

React Stripe JS

Tanstack Query

JSON Web Token (JWT)

Express JS

MongoDB

Vercel

Links:

 Fancy Cars  

Project Overview:

The front end is built with React js and Firebase authentication system. RESTful APIs CRUD (GET, POST, PUT, DELETE) operations are implemented on the server side. Some eye catching animations are added to this project.

This project has toggling sign-in and sign-out button. When the user is signed in he or she will be able to see the My Toys Tab, Add A Toy Tab and can have a access to data if view button is pressed and logout button will show up with them and when the user is logged out a sign in button will show up.

A search option is implemented to "All toys" tab where a user can search for a specific toy by typing on the search box.

Dynamic Routing, Private Routing, React AOS, React Marquee, and React Tabs are implemented.

Users can add and delete data from the database from the client side or update the information of a toy with login credentials. The user can sort the prices of toys from higher to low and low to high.

Technologies:

Bootstrap

React JS

ES6

Firebase

Express JS

MongoDB

Vercel

Links:

<  Contact Me   / >