betplan
Fully responsive website for betting company, with authentication system
React.js | Next.js | Material UI | CSS | MongoDB | Prisma | TypeScript | JavaScript
Portfolio
Projects
Wicket
Full-Stack platform for betting, with authentication system
React.js | Next.js | Material UI | CSS | MongoDB | Prisma | TypeScript | JavaScript
Betting-X
Full-Stack website for betting company, with authentication, withdraw, and deposit system
React.js | Next.js | Material UI | MongoDB | Prisma | TypeScript | JavaScript
POS Mission website
Home page for POS Mission Company
React.js | Next.js | TailwindCSS | JavaScript | TypeScript
Amazon clone
Static E-commerce web page like amazon homepage
HTML5 | CSS3
Bet365 clone
Static web page like bet365 homepage
HTML5 | CSS3
Roblox clone
Static web page like roblox homepage
HTML5 | CSS3
Previous Works
Zort product
Fully responsive product website for Zort app
React | TypeScript | Next.js | TailwindCSS | CSS | React hook form
Entertab task
Front-end design for Entertab website landing page with contact form
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | Zustand | React hook form
Nqoodlet task
Front-end design for bank cards with controls to manage their state
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | React redux | Redux toolkit
Cyparta task
Front-end design for login system and profile page
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | React hook form
Twitter clone
Social media app like twitter to share your ideas and images with the community, only for learning purposes
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | React redux | Redux toolkit | Firebase
Excel sheet
Dynamic excel sheet for managing data
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | React redux | Redux toolkit | React table
E-commerce task
E-commerce platform for all kinds of products
React | JavaScript | TypeScript | Next.js | TailwindCSS | CSS | React redux | Redux toolkit
Instagram Clone
Instagram clone app for sharing your best moments with your lovely people.
React | JavaScript | TypeScript | Next.js13 | TailwindCSS | CSS | React redux | Redux toolkit
Google Clone
A search engine can search the web for text or images or by user's voice.
React | JavaScript | TypeScript | Next.js13 | TailwindCSS | Speechly | React Icons
IMDb Clone
An online web app retrieves data from a database for information related to movies.
React | JavaScript | TypeScript | Next.js13 | TailwindCSS | Next Themes | React Icons
Pagination React
A Web page retrieves data from fake API with Pagination function and optimized search functionality.
React | JavaScript | TypeScript | TailwindCSS | React Query | Axios | React Icons | React Spinners
Classic Todo
A classic todo app to manage daily tasks whether it's completed or in progress with edit and remove functionality. The app stores the tasks in local storage so you can visit it at any time to modify it, update it, or delete it.
HTML5 | CSS3 | JavaScript | TypeScript | React | Context API | React Transition Group
Hotels Booking
A Front End web app for hotels reservations using Vue.js Framework and Vite as a build tool.
Vue.js | Pinia | TypeScript | Vue Router | Sass | Vue Material Design Icons | Autoprefixer
Meetups
A web app allows users to add meetup data and save it in a database using Next.js and MongoDB
Next.js | React | MongoDB | JavaScript | CSS
Food Order
A web app displays some of the existing meals through Firebase real-time database and the user can order any count of meals with cart functionality and save his purchases to the cart database.
React | JavaScript | CSS | Bootstrap | Firebase
Tasks App
A web app uses a valid form to save the text of the task in Firebase real-time database and the user can add, update or delete the task.
React | JavaScript | CSS | Firebase | HTML
Random Users
A web page displays a list of users using fake API with the ability to search through the list by name.
React | JavaScript | CSS | API | HTML
Expenses Tracker
A web app to track all the expenses along with date starting form 1/1/2020 and store it in the app with chart bars.
React | JavaScript | CSS | HTML
Movies List
A web app uses a valid form to save the data of movies in Firebase real-time database and the user can add, update or delete the movie.
React | JavaScript | Bootstrap | Firebase | CSS | HTML
Landing page vue
A web landing page using Vue.js framework with scroll and route functionality.
Vue.js | JavaScript | CSS | HTML
API Vue
A web page retrieves data From fake API using Vue.js framework
Vue.js | JavaScript | API | CSS | HTML
Quizzical App
A web app displays different questions from fake API with multiple-choice answers.
React | JavaScript | API | CSS | HTML
Currency Converter
A web app to convert currency between different countries.
JavaScript | API | CSS | HTML
Hangman Game
A web game about guessing the right letters to construct the required word
JavaScript | CSS | HTML
Pomodoro Timer
A web timer to calculate the spent time in work and in break
JavaScript | CSS | HTML
Form Validation
Validating forms in React.
React | JavaScript | CSS | HTML