PROJECTS
NextJs App
DevHub
Social Pulse is a modern full-stack social media application built with Next.js and TypeScript, featuring Google and GitHub authentication via NextAuth. Users can create posts, like, and comment, with real-time functionality powered by Supabase. The UI is clean and responsive using Tailwind CSS and shadcn/ui, while media is handled efficiently through Cloudinary. Prisma ORM manages the relational data, and the entire app is deployed on Vercel for seamless performance and scalability.
Movie Night
A responsive movie database app built with Next.js, using React, Redux Toolkit, and Axios. It allows users to search and filter movies, TV shows, and actors. The app features dynamic server-side updates for real-time content and smooth state management, ensuring an optimized browsing experience across all devices, I configured the API for seamless data integration and made additional optimizations for production, ensuring fast load times and smooth performance across devices.
React App
Jacky E-Commerce
Developed a dynamic e-commerce platform using React and Redux, featuring real-time stock management, coupon discount calculations, shipping charge estimations, and a smooth user interface. Implemented React Skeleton for seamless loading, Redux Thunk for asynchronous operations, Axios for API integration, and React Toastify for user notifications. The project also utilizes React Persist for maintaining state across sessions. This comprehensive solution showcases advanced front-end development skills, delivering an engaging and responsive online shopping experience.
3D Portfolio
I developed a 3D portfolio website using React, and Three.js for animations. The site features interactive 3D models and animations, offering a unique and engaging user experience. My focus was on creating a responsive, dynamic interface that showcases my projects while maintaining smooth performance across devices.
Oia Properties (Landing Page)
Designing a presentation involves crafting a series of interactive slides using React components, incorporating Tailwind CSS for modern styling, and implementing GSAP animations to seamlessly enhance transitions and engage users with dynamic visual elements, ultimately creating an immersive and visually appealing experience.
NY Times
In this project, we have developed a powerful Task Manager application using a cutting-edge tech stack that includes React, Redux Thunk, and Redux Toolkit. This application seamlessly retrieves and updates data from an external API, making it an ideal choice for managing tasks, projects, or any other data-driven workflow, Leveraging Redux Thunk for asynchronous actions, the application efficiently retrieves data from an external API. Redux Toolkit simplifies state management, allowing us to seamlessly integrate this data into the application's store.
Task Management
Task Management is an App using React, Hooks, and validation form and finally,
you are able to store any updates in your App Once you sign-in you will get all your tasks
in the same, then you have a simple sign-in & sign-up for the user and your app will be safe
if you are not signed correctly.
in the App, you will get the correct password
"123456" simply if you have data in the backend store
KIBLIS Real Estate
In this project, we've embarked on the exciting journey of creating a powerful and versatile Real Estate API using the React framework. Our Real Estate API is designed to serve as the backbone for building feature-rich real estate applications, enabling developers to access and manipulate real estate data effortlessly, Our Real Estate API abstracts complex real estate data, including property listings, locations, prices, and property details, into a structured and easy-to-use format.
API JAVASCRIPT
SEARCH BAR
You can specify a wide variety of constraints on meaning, spelling, sound,
and vocabulary in your queries, in any combination.
here in my application I have
used only one of more featured which given the result for "rel_rhy" that's is 'rel'
Related Word 'rhy' Rhymes ("perfect" rhymes, per RhymeZone), Definitions from five
dictionaries, including the American Heritage Dictionary of the English Language, the
Century Dictionary, Wiktionary, the GNU International Dictionary of English, and
Wordnet, covering more than 800,000 words
Map
I create Web App and data visualizations, with my most recent work being
the development of a custom map UI built on GL JS for a UAE country. I work Primarily in
JAVASCRIPT.
Mapbox GL JS maps are dynamically rendered by combining vector tiles
with style rules in the browser rather than on a server, which makes it possible to
change the map's style and displayed data in response to user interaction.
HTML / CSS / SASS
E-commerce
Front-Commerce is your new frontend, it comes in between your users and your
existing backend. Decoupling your backend from your frontend is a key factor to reaching
business goals.
Displaying data from different sources is as simple as if there was a
single source for frontend developers. Client-server interactions are optimized and reduced
to their strict minimum, so your web application will respond instantly
Future Vehicles
This project deals with E-health web application framework, cloud platform and
responsive web design which aim to adjust the presentation on mobile devices. This work
presents the whole development process of the self-care management web-app framework which
provides instructive supports for future other Future-Vehicles field application.
A
prototype is developed by using CSS3, Java script and HTML5, DOM technologies.
VISION SCHOOL
This task with designing and creating the landing page for a new school, cloud platform and responsive web design which aim to adjust the presentation on mobile devices. For this project I provided. I got a document which contains the positioning of the elements and compiling SASS to CSS on a page without specifying any other design information. I will help them by making informed design decisions about color and typography using the skills I have learned. will then implement the design.
iMac Email Template
Extensible HyperText Markup Language (XHTML) is part of the family of XML markup languages. It mirrors or extends versions of the widely used HyperText Markup Language (HTML), the language in which Web pages are formulated. While HTML, prior to HTML5, was defined as an application of Standard Generalized Markup Language (SGML), a flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. XHTML documents are well-formed and may therefore be parsed using standard XML parsers, unlike HTML, which requires a lenient HTML-specific parser.
ToDo List
JavaScript Todo List helps you create a list of things you want to do throughout the day. Suppose you want to do something throughout the day that you can list here. Whenever you complete that task then you can delete it. I have taken select-dropdown to filter between the completed and uncompleted todo items help to create this Todo List as well.
Vue.js
TICKET-BOX
it's really very Important to roll your own form validations. This can be done
with a simple method call on the form submit, or a computed property evaluating input data
on each change.
Using your form validation can quickly become cumbersome and annoying,
however, especially when the number of inputs in the form increase, or the form structure
gets more complicated e.g. multi-step forms. I made this Web Application for
Validate:
(Validation, Multi-step form validation, Child component validation, Error
messages)
