Coponice is a dynamic and user-centric platform designed to revolutionize the way consumers discover and redeem deals. By connecting users with a vast network of verified merchants and exclusive offers, Coponice simplifies the coupon hunting experience. ____________________________ Key Features and Benefits: Seamless User Experience: Enjoy a smooth and intuitive browsing experience, thanks to our carefully crafted interface powered by NextUI and Tailwind CSS. Personalized Recommendations: Discover deals tailored to your preferences and shopping habits. Advanced Search Functionality: Easily find the perfect deal using our powerful search filters. Exclusive Offers: Access a wide range of exclusive discounts and promotions not available elsewhere. Fast and Reliable: Benefit from quick load times and a robust platform built with Next.js. Customizable Meta Tags: Easily tailor meta titles, descriptions, and keywords for each page. Dynamic Open Graph Images: Generate unique images for every page to enhance social sharing.

The "Coponice Dashboard" is a robust administrative interface that empowers administrators to efficiently manage the entire Coponice ecosystem. Key functionalities include: Offers management: Create, edit, and delete coupons; set expiration dates. System settings: Configure website settings, such as SEO optimization." Offering a seamless user interface: Built with React and Material UI, Coponice boasts a modern and intuitive design that enhances the overall browsing experience. Ensuring data integrity: Formik and Yup work in tandem to validate user inputs, ensuring accurate and reliable data. ________________________ Technical Foundation: Coponice is built upon a robust and scalable architecture: State Management: Redux facilitates efficient data flow and a predictable application state, enabling seamless updates and expansions. Form Handling: Formik streamlines form creation and validation, enhancing user experience and data accuracy. Data Validation: Yup ensures data integrity through robust validation rules, preventing errors and improving data quality. Development: Vite accelerates development workflows with its lightning-fast build times and hot module replacement. _____________ Key Features: User-friendly interface: Easy navigation and intuitive design. Secure and reliable: Robust data validation and secure authentication. Scalable and maintainable: Built with modern technologies and best practices.

Saleh Cars Group is a car dealership that provides a variety of services to its customers. They are an authorized distributor for many car brands, and they offer extended warranties and on-road service. They also have a variety of financing options available. ___________ Skills: - Proficient in building scalable and secure authentication systems using NextAuth.js integrated with Firebase. Skilled in leveraging Firebase's real-time database and cloud functions for robust backend development. - "I've leveraged next-intl to create fully localized Next.js applications, supporting Arabic and English. My experience includes handling complex language features such as pluralization, date and number formatting, and right-to-left text direction for Arabic." - Form Handling: React Hook Form streamlines form creation and validation, enhancing user experience and data accuracy. - Data Validation: Zod ensures data integrity through robust validation rules, preventing errors and improving data quality. - I've successfully integrated yet-another-react-lightbox into my Next.js project to create a dynamic and interactive image gallery. Key features include lazy loading, touch support, and seamless integration with Next.js's image optimization capabilities. - I have integrated jsPDF with other libraries to create interactive, multi-page PDF documents.

Edvise ME is a 100% women-owned small business dedicated to supporting organizations working to reform education and empower youth. We provide tailored services, drawing upon the expertise of our extensive network and a deep understanding of our clients' unique needs _______________________ Scalability and Maintainability: - Next.js: Leveraged Next.js's server-side rendering (SSR) capabilities for improved performance, SEO, and a better user experience. This approach also enhances scalability by allowing for efficient content delivery and improved load times. - Data Fetching Strategies: Implemented efficient data fetching strategies, such as data fetching methods within Next.js components, to optimize performance and reduce loading times, ensuring the application can handle increased traffic. - Shadcn UI: For building accessible and customizable UI components, such as buttons, dialogs, and dropdowns. - React Hook Form: For efficient form handling and validation, improving user interaction and data integrity. - Zod: For robust data validation and type safety, ensuring data consistency and preventing errors. - Next-Intl: For seamless internationalization and localization, allowing the application to be easily adapted for different regions and languages.

This project is a full-featured To-Do Website developed using a modern tech stack Key Features: Task Management: Create, edit, delete, and mark tasks as complete. Authentication: User login and registration using Clerk. Data Validation: Ensure data accuracy using Zod. Attractive UI: Design a simple and stylish UI using Shadcn UI and Tailwind CSS. TypeScript Usage: Enhance readability and maintainability using TypeScript. Powerful Database Management: Utilize Prisma to create an API for interacting with a MongoDB database. Benefits: User-Friendly: Simple and intuitive UI makes it easy to create and manage tasks. Secure: Leverage Clerk for secure user authentication. Scalable: Flexible design allows for easy addition of new features in the future. Robust: Employ TypeScript and Prisma to ensure a strong and secure Website.

This project is a Netflix-like website built using a modern tech stack ______________ Key Features: 1. User Authentication: Allows users to sign in securely using Google, GitHub, or email with NextAuth. 2. Movie Browsing: Provides a user-friendly interface to browse through a collection of movies. 3. Movie Details: Displays detailed information about a selected movie, including trailers, cast, and user reviews. 4. Favorites: Enables users to save movies to their favorites list for quick access. 5. Watchlist: Allows users to add movies to their watchlist to keep track of what they want to watch later. 6. User Management: Provides a dedicated section for users to update their account information and manage their favorites and watchlists. ___________ Benefits: 1. Rich User Experience: Offers an engaging and intuitive UI for seamless movie exploration and management. 2. Secure Authentication: Leverages NextAuth to ensure secure user authentication and authorization. 3. Scalable and Maintainable: Employs a well-structured codebase with modern technologies, facilitating future growth and maintainability. 4. Customizable Design: Utilizes Shadcn UI and Tailwind CSS to create a tailored and visually appealing UI that matches the project's branding. 5. Robust Backend: Implements Prisma and Supabase for a powerful and reliable backend infrastructure.

'Coponice' is a site that offers discounts on various products and services. Users can search for coupons and special offers from different stores and use them to get discounts when buying online. The site aims to provide opportunities for consumers to save money and get good deals when shopping online. ______________________ Robust Functionality: 1. Search and filter coupons: Quickly find specific deals based on user preferences. 2. Seamless form handling: Formik simplifies the creation of reliable forms for user interactions. 3. Data validation: Yup enforces data integrity through robust validation rules. 4. Enhanced User Experience: Modern and user-friendly interface: Material UI components ensure a clean and intuitive browsing experience. _________________________________ Scalability and Maintainability: 1. Redux for state management: Predictable data flow and centralized state facilitate future application growth. 2. Reusable components: Built-in React and Material UI components promote code reusability. 3. It is easy to use and manage website through "a control panel". 4. Optimizing web pages for maximum speed and scalability. 5. Improved work mechanisms to stay up to date with latest technologies 5. Authentication, Authorization and protected pages.

It is an e-commerce website that allows users to purchase products online. These platforms provide a convenient and easy shopping experience for users, where they can easily and quickly search for the products and services they need, and buy them with just one click. 1. an e-commerce website for selling many categories using React JS and Redux 2. Contain a home page where the products show and it has a filter to filter the products 3. Contain a cart section where the choosing product will add to the cart with full configuration control. 4. It is easy to use and manage website through a control panel. 5. Build reusable code and libraries for future use.

I have designed a training website to enhance my professional experience in the field of interface design. Through the process, I've gained valuable insights into the intricacies of user-centered design, honed my ability to create intuitive and aesthetically pleasing interfaces, and developed a keen understanding of the importance of crafting seamless user experiences. This project has been a journey of self-discovery and growth, allowing me to explore my creative potential and refine my skills as an interface designer.

I have designed a training website to enhance my professional experience in the field of interface design. Through the process, I've gained valuable insights into the intricacies of user-centered design, honed my ability to create intuitive and aesthetically pleasing interfaces, and developed a keen understanding of the importance of crafting seamless user experiences. This project has been a journey of self-discovery and growth, allowing me to explore my creative potential and refine my skills as an interface designer.

This project showcases a full-fledged e-commerce website for selling fonts, catering to designers, artists, and businesses. Built with web development tools, it offers a user-friendly experience for browsing, searching, and purchasing unique and attractive fonts. ______________ Key Features: 1. Font Browsing: Users can explore a curated collection of fonts, with filters and categories for easy search. 2. Advanced Font Search: A powerful search functionality allows users to find specific fonts based on style, keywords, or properties. 3. Font Preview: Users can preview fonts before purchasing to visualize their appearance in different contexts. 4. Dark & Light Mode: Provides users with a choice between a light or dark theme for a personalized browsing experience. (Demonstrates UI/UX design flexibility) ___________ My Skills: This project demonstrates my proficiency in: 1. Front-End Development: Building interactive and user-friendly interfaces using React JS and Tailwind CSS. 2. State Management: Utilizing Redux to manage complex application state and data flow effectively. 3. API Integration: Implementing APIs for efficient communication with external data sources. 4. Responsive Design: Creating a website that adapts seamlessly to different screen sizes and devices.

This project showcases a real estate website I designed and developed for my graduation project, achieving a high grade of 93%. It utilizes a combination of web development technologies to deliver a user-friendly and interactive experience. ____________________ Project Highlights: Interactive Map Search: Users can search for properties directly on a map, refining their search based on location and other preferences. User-Friendly Interface: A clean and modern design facilitates easy navigation and property exploration. Advanced Search Filters: Users can filter properties based on various criteria, such as price range, property type, and amenities. Informative Property Listings: Detailed property listings showcase key information and captivating visuals. Data Visualization: Charts (powered by Chart.js) can be used to display insightful data trends related to the real estate market. ___________ My Skills: This project demonstrates my capabilities in: Front-End Development: Building user interfaces using HTML5, CSS3, and JavaScript. Responsive Design: Creating websites that adapt seamlessly to various devices. Interactive Features: Implementing dynamic functionalities like map searches and filters. User Experience Design: Prioritizing usability and creating an intuitive browsing experience. Integration with Third-Party APIs: Utilizing Google Maps.