Hi, my name is Ali Darraji
Software Developer.

Know more

About me

Profile Image

My name is Ali Darraji. Software developer with experience in front end (HTML, CSS, Javascript and React), back end (Node.js, SQL) and Python. I have Bachelor degree in Electronics & Communication Engineering and have more than 15 years of experience in Media and information technolgy.

Projects

Next.js Restaurant Food Delivery App (with Redux)

Full stack Next.js Restaurant Application where users can order food. It's fully repsonsive for different screen sizes.

Built with Next.js, Typescript, TailwindCSS, Prisma, PostgreSQL, Stripe, Auth.js, Redux state management, Google Cloud for authentication

Deployed on Vercel

See Live Source Code

Next.js Restaurant Food Delivery App (with Zustand)

Full stack Next.js Restaurant Application where users can order food. It's fully repsonsive for different screen sizes.

Built with Next.js, Typescript, TailwindCSS, Prisma, PostgreSQL, Stripe, Auth.js, Zustand state management, Google Cloud for authentication

Deployed on Vercel

See Live Source Code

Next.js Fullstack Blog and Portfolio Application

Next.js Fullstack Application. It inlcudes home, portfolio, blog, about, contact and dashboard pages. There is a dark mode toggle button. Users can register, create a new account, and login with user credentials or login using Google account. After login users will see the protected dashbaord that shows the user's posts and will be able to add new or delete posts.

Built with CSS, HTML, Javascript, Next.js, MongoDB, NextAuth.js, bcryptjs, Context API

Deployed on Netlify

See Live Source Code

Booking Full Stack App

Frontend app has lists and search bar (destination, date range and other options). You can search for a hotel, select options and the photo gallery. Admin Dashboard has tables for users, hotels and rooms, You can select, view, delete, sort and filter items in theses tables. The backend server was created using Node.js and MongoDB. It inlcudes Node.js CRUD operations and MongoDB methods. To provide security, The server uses JSON Web Token and verify users.

Front End Built with CSS, HTML, Javascript, React,React Router, Hooks and React Context. . REST API Backend End Built with Node.js, Express.js, MongoDB, JSON Web Token, Stripe

Front End Deployed on Netlify
Backend deployed on Render
MongoDB deployed on MongoDB Cloud Services

See Live Source Code

Blog Full Stack App

On the home page all posts are fetched from PostgreSQL database. Users can register, login and logout. When you click on a post, you get a single post details. The owner of the post can edit or delete the post after login. Users can create/edit posts, upploaded images, select/change category and publish posts. The image files are being stored in Firebase. Backend inlcudes Node.js CRUD operations and fetching with PstgreSQL queries . Also to provide security, This server uses JSON Web Token and verify user requests.

Front End Built with CSS, HTML, Javascript, React, styled-components, React Router, React Hooks, React Context API, Firebase. REST API Backend End Built with Node.js, Express.js, PstgreSQL, Bcrypt, JSON Web Token

Front End Deployed on Netlify
Backend deployed on Render
PostgreSQL deployed on Supbase

See Live Source Code

eCommerce Full Stack App

The Homepage has pure React slider, categories, products and other components. Users can find products from home page or categories page. Add products to the cart and checkout. Admin Dashboard app has different widgets, progress bar, interactive chart and a table. There are pages with data tables for users, products, signle user and signle product. Users select, view, delete, sort and filter items in theses tables. The backend server inlcudes Node.js CRUD operations and MongoDB methods. To provide security, The server uses JSON Web Token and verify user and admin requests. Stripe is being used as a payment method to receive a payment from the client. side.

Front End Built with CSS, HTML, Javascript, React, Tachyons, Styled Components, Material-UI, React Stripe Checkout, React Router, Hooks and Redux. Node.js, Express.js, MongoDB, CryptoJS, JSON Web Token, Stripe

Front End Deployed on Netlify
Backend deployed on Render
MongoDB deployed on MongoDB Cloud Services

See Live Source Code

Face Recognition Brain

This application detects faces in images. It uses Clarifai API face detection model. User enters image link and the application will find the face in the image. Users use register form to create a new accounts and signin. Also it shows for each user how many times they use the face detection.

Front End Built with CSS, HTML, Javascript, React, React Tilty, Tachyons

Backend End Built with Node.js, Postgres, Knex, Clarifai API

Deployed on Netlify

See Live Source Code

Numbers Fact

React web application provides interesting facts about numbers. It uses Numbers API to get the facts.

Built with CSS, HTML, Javascript, React, Tachyons

Deployed on Netlify

See Live Source Code

Background Color Generator

Generate random gradinat background color. Users input two colors and the application will generate radiant background color. It shows the css code for the color. Using the random button the application generates radiant of two random colors.

Built with CSS, HTML, Javascript

Deployed on Github Pages

See Live Source Code

Robo Friends

My first React web application. Use the search box to find robo friend.

Built with CSS, HTML, Javascript, React

Deployed on Github Pages

See Live Source Code

Reset ST 2110 IP gateway

Python application to reboot multiple ST 2110 SDI-IP gateways with one button click. It uses the IP gateway device REST API to send a reboot request for multiple devices.

ST 2110 is a standard for Professional Media over IP infrastructre. It's used in broadcast production and ditribution faciliteis. This IP gateway converts video signals between SDI and ST 2110 IP.

Built with Python, Python requests library, tkinter, PyInstaller

Source Code

Get Network Config

Python application to copy running config from a list of Arista and Cisco switches to TFTP server. It also geenrates a output (log) file for each device after running the application.

Built with Python, Netmiko

Source Code

Contact

a.darraji@outlook.com

Call to Action