Qiyam Academy
Developing an Islamic academy platform using Next.js, Motion Framer, React Hook Form, Tailwind CSS, React Query, React, and TypeScript.
Projects 💼
In this page, you will find detailed information about the projects I have undertaken, showcasing my practical experience and hands-on skills. Here, I highlight the key projects that have contributed to my growth as a professional, demonstrating my ability to apply theoretical knowledge to real-world challenges. Each project reflects my commitment to innovation, problem-solving, and continuous learning.
Related Skills
Programming Languages
- JavaScript
- TypeScript
Technical Skills
- Git and GitHub
- Command-line Interface
- React
- GraphQL
- Angular
- REST APIs
- UI Design
Soft Skills
- Communication
- Teamwork
- Adaptability
- Creativity
- Collaboration
- Continuous Learning
Projects
ArchivAI
As my graduation project, Developing ArchivAI, a document management system with a React, Next.js, and TypeScript front-end. It features real-time updates (SignalR), file previewers, Tailwind CSS UI, Motion Framer animations, localization, push notifications, and optimized data fetching with React Query for a seamless user experience.
Smart Sparks
Built the front-end of a customer service app using Next.js, React, and TypeScript, integrating WhatsApp message classification. I implemented responsive design with Tailwind CSS, animations with Motion Framer, and real-time communication with Socket.IO.
Personal Website
Designed and developed my personal website using Figma for design, Angular for the framework, and Sass (CSS preprocessor) for styling.
Whisper Real Time Chat Application
Contributed to the front-end development of Whisper, utilizing technologies such as React and TypeScript. I leveraged React libraries like Zustand for state management, Styled Components for styling, Material UI for design, React Hook Form for form handling, and React Router for navigation. Additionally, I integrated Apollo for GraphQL and Axios for fetching REST endpoints and used Socket.IO for real-time communication.
Simple Media
I created a RESTful API for a basic social media platform, incorporating CRUD operations, user authentication, and following MVC architecture. The API, built on Node.js with Express and MongoDB, features functionalities like likes, comments, and user interactions while ensuring data security.
