Check what I've been doing lately
After finishing my two-year diploma in Information Technology, I decided to start over and begin a new journey. I realized that during my earlier studies, I had trouble making working programs because I didn't understand software development properly.
The following projects showcase my previous work history, along with insights into my current endeavors :
This website is like a display of all the cool stuff I've made and the things I'm interested in. You can see the projects I've done and get a peek into the topics I find exciting. This portfolio is a big improvement from the old messy website I made using native javascript. Feel free to explore its predecessor by clicking on the old messy link.
This project was initiated with the goal of applying the PHP and MySQL concepts I've acquired. It serves as a proof of concept to hone and practice both frontend and backend development. Through this endeavor, I experienced a significant enhancement in my database management and backend skills, alongside improvements in layout, styling, and JavaScript proficiency. I also practice various techniques, including long polling, asynchronous operations, data type handling, validation, and ensuring the security of data flow, among others.
After acquiring a solid grasp of PHP and MYSQL fundamentals, I dedicated nearly four months to delve into LARAVEL framework, exploring its tools and incorporating practices. To apply my newfound knowledge, I created a forum web application, by implementing most concept I had learned. This endeavor consumed nearly a year of my time, with daily effort and no breaks. Along the way, I accumulated a wealth of knowledge and skills, including managing websocket server, writing feature tests, queued jobs, optimizing database queries, and more. Furthermore, I established CI pipelines using GitHub Actions to automate pre-master branch testing. If you're interested, you can find a full demo of this project on my LinkedIn profile.
This project represents an MVP Content Management System (CMS) application, designed to handle content management and allow users to contribute and become authors. Within this project, I have used a multitude of impressive features including Nested Set hierarchy and managing deep relationsships between entities , optimizing query performance through Redis caching, and implementing an infinite scroll mechanism for efficient data retrieval, among others.
After making several backend projects, I recognized a gap in my knowledge when it came to frontend dev. Consequently, I made the decision to start and relearn all frontend technologies from the ground up. My primary focus has been on mastering JavaScript, particularly its good parts, and I've chosen React as my library of choice to streamline the development process. I created various code snippets for practice that showcase my progress:
1. Create image lens zoomer like Amazon.
2. Implement lazy loading feature.
3. Craft Infinite scroll to scroll NYT posts.
4. Make StackOverflow answer text input.
5. Implement Page scroll progress bar.
6. Create Draggable testimonials section.
7. Create Tic-Tac-Toe game.
8. Create Rock paper scissors game.
9. Learn React by making a todo-list app.
10. Recreate this portfolio using react. (old version)
In this application, I built many tools and features to help me and my co-workers at Mohammed First University with out administrative tasks and data management. It is devided into two parts: the front-end written in React, and back-end, which is a PHP and Sumfony-based RESTful API.
My personal blog is where I share knowledge and ideas that interest me. You'll find various topics such as web development, mobile development, theology, and much more. I encourage you to take a look, explore my blog, and stay tuned for new content!
Notes
This blogpost is written in AstroPaper, and I added so many features to the original source code, like adding categories, handle pagination, and twist so many features to match my requirements.
From the world wide web to the mobile marvel : My evolution in development.
After diving into React and its universe, I took a leap into React Native. The vibrant community, seamless integration with TypeScript, abundance of testing tools, robust state management, and comprehensive toolkit ignited my passion for mobile development. This journey led me to create several mobile apps, each a testament to the endless possibilities of this platform. Let me introduce them to you :
An app designed to display football stadiums and facilitate connections between football teams, players, and stadium personnel, streamlining the process of renting, negotiating, and interacting.
Calisthenics Fitness App: Packed with a plethora of features, this app empowers calisthenics athletes to craft professional workout programs and routines. It offers a comprehensive exercise database, detailed exercise information, complete program customization, an advanced workout player, a challenge section for creating and competing with friends, and numerous other cutting-edge functionalities.
Nova Interval Timer: An innovative timer tool that enables athletes to build custom interval timers and utilize a timer player for precise training pace measurement, complete with a time travel feature. (App could be used also for study using pomodoro technique or measuring time intervals between actions of different kinds)
Who's Gonna Pay - من سيدفع: A tab-picker app designed to randomly select a friend's name from a list, with the chosen individual responsible for covering the dinner or bill. The app boasts a stunning design with captivating animations using reanimated library (check out the screenshots or install the app to experience it).
It's a quiz app that render questions in many types and allow user to answer and pass levels. I'm creating this app to ensure I write tests using Jest and RNTL, as well as using Redux (toolkit) to handle global state. I used TypeScript for clean code, minimizing bugs, and following best practices for readability, debugging, and maintenance. This app source code is premium and it is available at PieceX
This simplifies property management for landlords and tenants alike. Landlords can effortlessly manage their properties, communicate with tenants, and handle tasks like sending invoices and receiving payments—all from one convenient platform. Tenants can easily connect with their landlords, make online payments, and access important information about their rental agreements. With user-friendly features and seamless communication, our app streamlines the rental experience for everyone involved.