# Ache Matrix - Pain Tracking Platform

## Technical Overview

As the CTO of Ache Matrix, I designed and led the development of a HIPAA-compliant platform for tracking and analyzing pain data specifically tailored for legal clients. This project required careful consideration of security, data privacy, and user experience while handling sensitive medical information.

![Ache Matrix Dashboard](https://res.cloudinary.com/fnel/image/upload/v1746774678/frkia/projects/ache-matrix-law-dashboard_updpru.png)

## System Architecture

The Ache Matrix platform was architected with security and compliance as core principles:

- **Backend Infrastructure**: Leveraged Supabase for secure, scalable PostgreSQL database and backend services
- **Frontend**: Next.js application with server-side rendering for enhanced security and performance
- **Authentication**: Multi-layered authentication system with role-based access controls
- **Data Storage**: HIPAA-compliant encrypted storage with strict access policies and audit logging
- **API Design**: RESTful API with comprehensive input validation and sanitization

## HIPAA Compliance Implementation

Achieving and maintaining HIPAA compliance was a critical aspect of this project:

- **Data Encryption**: Implemented end-to-end encryption for all PHI (Protected Health Information)
- **Access Controls**: Designed granular permission system with principle of least privilege
- **Audit Trails**: Comprehensive logging of all data access and modifications for compliance reporting
- **Business Associate Agreements**: Implemented technical measures to support BAA requirements
- **Data Retention**: Automated policies for data retention and secure deletion according to regulations
- **Breach Notification**: Built systems for rapid identification and notification of potential data breaches

## Key Technical Features

### Secure Data Management

- Designed encrypted database schema optimized for complex pain tracking data
- Implemented row-level security in Supabase to enforce access control at the database level
- Created secure data export functionality with encryption and access logging
- Built data versioning system for maintaining complete patient history
- Developed secure API endpoints with comprehensive validation and rate limiting

### Authentication System

- Implemented OAuth 2.0 with PKCE for secure authorization
- Designed password policies and secure credential management
- Created multi-factor authentication workflow with multiple verification options
- Built session management with automatic timeouts and secure refresh mechanisms
- Integrated administrative controls for account management and access revocation

### Frontend Development

- Developed responsive UI optimized for both desktop and mobile use in clinical settings
- Created interactive pain visualization tools using D3.js and SVG manipulation
- Implemented client-side form validation with server-side verification
- Built progressive web app capabilities for offline data collection
- Designed intuitive data entry workflows to minimize user error

### Analytics and Reporting

- Developed secure reporting system with customizable templates for legal documentation
- Created dashboard with analytical tools for pain pattern identification
- Implemented statistical analysis features for case evaluation
- Built PDF generation system with digital signatures and tamper-proof verification
- Designed anonymized data aggregation for research purposes while maintaining HIPAA compliance

## Technical Challenges & Solutions

The project presented several unique technical challenges:

- **Conflicting Requirements**: Balanced security requirements with usability needs through careful UX design
- **Real-time Collaboration**: Implemented secure WebSocket connections for real-time updates among care team members
- **Data Visualization**: Created accessible, intuitive visualizations of complex pain data patterns
- **Performance with Encryption**: Optimized query performance while maintaining end-to-end encryption
- **Compliance Documentation**: Automated generation of technical documentation for compliance audits

## Development Process

As CTO, I established secure development practices:

- Implemented security-focused code review process
- Conducted regular penetration testing and vulnerability assessments
- Established CI/CD pipeline with automated security scanning
- Created comprehensive documentation for compliance audits
- Maintained separation of concerns between development and production environments

## Results and Impact

The Ache Matrix platform has enabled legal teams to:

- Securely collect and analyze client pain data for legal proceedings
- Generate court-ready documentation with verifiable audit trails
- Identify patterns and correlations in pain data for case support
- Maintain strict compliance with healthcare privacy regulations
- Collaborate securely with medical experts on case analysis

The platform continues to evolve with additional security features and analytical capabilities while maintaining its core commitment to data privacy and HIPAA compliance.

Ache Matrix - Pain Tracking Platform

# Alzo Health – AI-Driven Cognitive Health Platform

## Technical Overview

As CTO and Fullstack Developer at Alzo Health, I led the design and development of a next-generation platform for cognitive performance tracking and Alzheimer's risk assessment. The platform features sophisticated Framer Motion animations for enhanced user engagement and a complex React-based family tree component designed for future AI-driven Alzheimer's analysis.


## Advanced UI/UX Implementation

### Framer Motion Animations
- Custom page transitions and micro-interactions for enhanced user engagement
- Smooth, physics-based animations for data visualization components
- Responsive layout animations for optimal viewing across devices
- Interactive dashboard elements with gesture-based controls
- Animated data flow representations for cognitive health metrics

![Alzo Health Animations](https://res.cloudinary.com/fnel/image/upload/v1746988783/frkia/projects/alzo-health-website-animations.gif)

### Family Tree Component
- Complex React/Node.js implementation for visualizing family relationships
- Logical connection mapping for hereditary health analysis
- Interactive node-based interface for relationship management
- Real-time updates and dynamic data visualization
- Architecture designed for future AI/ML integration

![Alzo Health Dashboard](https://res.cloudinary.com/fnel/image/upload/v1746988808/frkia/projects/alzo-health-dashboard_cutpcf.png)

## System Architecture

The Alzo Health platform was architected for scalability, security, and advanced analytics:

- **Backend Infrastructure**: Cloud-based, scalable backend supporting real-time data processing and secure storage
- **Frontend**: Responsive web application with interactive dashboards and visualizations
- **Authentication**: Secure user authentication and privacy controls for sensitive health data
- **AI/ML Engine**: Proprietary algorithms for cognitive assessment and risk prediction
- **Network Science**: Generation of complex weighted network graphs to visualize individual and family risk
- **API Design**: RESTful APIs for seamless integration and data exchange

## AI-Driven Cognitive Assessment

Alzo Health's core innovation is its AI-powered cognitive assessment engine:

- **SpectraScore**: Proprietary metric quantifying cognitive performance and risk
- **Personalized Testing**: Adaptive neurological assessments tailored to user profiles
- **Family Network Analysis**: Incorporates genetic and family history to refine risk predictions
- **Early Detection**: Identifies minimal cognitive impairment and early-stage Alzheimer's or dementia
- **Continuous Monitoring**: Tracks cognitive trends over time for proactive intervention

## Data Visualization & User Experience

- **Network Graphs**: Visualize cognitive health and risk using interactive, weighted network graphs
- **Dashboard**: Comprehensive, user-friendly dashboard for tracking progress and insights
- **Family Sharing**: Securely connect with family members to share results and recommendations
- **Mobile-First Design**: Optimized for accessibility and usability across devices

## Security & Compliance

- **Data Privacy**: End-to-end encryption and strict access controls for all user data
- **Compliance**: Adheres to healthcare data privacy standards and best practices
- **Audit Logging**: Tracks all data access and modifications for transparency

## Key Technical Features

- AI-driven cognitive performance scoring (SpectraScore)
- Real-time, interactive network graph visualizations
- Secure, cloud-based data storage and processing
- Personalized recommendations and monitoring plans
- Family network integration for holistic risk assessment
- Integration with neurology experts for guidance and support

## Technical Challenges & Solutions

- **Complex Data Modeling**: Designed flexible data models to support individual and family network analysis
- **Scalable AI Processing**: Optimized AI/ML pipelines for real-time assessment and reporting
- **Data Security**: Implemented robust encryption and authentication to protect sensitive health data
- **User Engagement**: Developed intuitive, visually engaging interfaces to drive user adoption and retention

## Development Process

- Established agile, security-focused development workflows
- Implemented CI/CD pipelines for rapid, reliable deployment
- Conducted regular code reviews and security audits
- Collaborated with neurology experts to refine assessment algorithms

## Results and Impact

Alzo Health enables users and their families to:

- Proactively assess and monitor cognitive health
- Detect early signs of Alzheimer's and dementia
- Visualize risk factors and trends with advanced network science
- Receive personalized, actionable recommendations
- Connect with global neurology experts for ongoing support

The platform continues to evolve, integrating new AI models and expanding its reach to empower more users in their cognitive health journey.

Alzo Health – AI-Driven Cognitive Health Platform

# AI Wisdom - Unbiased News Analysis

## Project Overview

AI Wisdom began as a personal project born from the recognition that our increasingly polarized media landscape makes accessing truly balanced information difficult. In our current era of political division, I found myself seeking a technological solution to help people navigate complex news topics with confidence in the factual integrity of what they're reading.

## Technical Implementation

### Core Architecture

The project is built on a sophisticated technical foundation:

- **Data Collection System**: Created scalable web scrapers and API integrations that gather news articles from across the political spectrum
- **Natural Language Processing Pipeline**: Implemented advanced NLP techniques using transformer-based models to analyze article content, tone, and implicit bias
- **Fact Verification Engine**: Developed a multi-stage verification system that cross-references claims against trusted data sources and identifies unsupported assertions
- **Bias Detection Algorithm**: Built a custom machine learning model trained on manually labeled datasets to detect and quantify political bias in reporting
- **Summarization System**: Created an extractive-abstractive hybrid summarization approach that preserves factual accuracy while condensing information

### Key Technical Challenges

#### Bias Classification

One of the most challenging aspects was developing an algorithm that could reliably identify bias without introducing its own biases:

- Implemented a multi-dimensional political compass rather than a simple left/right spectrum
- Created a training dataset with careful attention to balanced labeling from diverse perspectives
- Utilized ensemble methods combining rule-based approaches with neural networks
- Incorporated feedback mechanisms to continually refine bias detection accuracy

#### Real-time Processing

Given the fast-moving nature of news cycles:

- Built an event-driven architecture using message queues for efficient processing
- Implemented content prioritization algorithms based on topic importance and trending status
- Developed incremental processing techniques that update analyses as new information emerges
- Created a caching layer for optimized retrieval of frequently accessed content

#### Fact Verification

Establishing the factual basis of reporting posed significant engineering challenges:

- Integrated with multiple authoritative data sources for cross-verification
- Implemented probabilistic reasoning to handle uncertain or conflicting information
- Developed entity recognition and relationship mapping to track factual consistency
- Created confidence scoring for verified vs. unverified claims

## User Experience

The interface was designed to promote understanding rather than reinforce existing beliefs:

- Topic-based exploration allowing users to see multiple perspectives on the same event
- Visual indicators showing the factual confidence and bias spectrum of sources
- Interactive elements that reveal reasoning behind bias and fact assessments
- "Balance Your Feed" feature that recommends complementary viewpoints

## Current Status & Future Work

This ongoing project continues to evolve as I research new approaches to these complex problems:

- Investigating reinforcement learning from human feedback to improve bias detection
- Exploring ways to explain AI reasoning in accessible, transparent ways
- Testing cooperative fact-checking models that leverage domain experts
- Developing educational components to help users understand media literacy

Through AI Wisdom, I'm working to create technology that doesn't just inform but enhances critical thinking and bridges divides in our information ecosystem. The technical challenges are considerable, but they represent an important application of AI toward addressing one of our society's most pressing problems.

AI Wisdom - Unbiased News Analysis

# Waimut - Social Event Networking Platform

## Technical Overview

As the CTO of Waimut, I led the development of a sophisticated social networking platform focused on event discovery and networking. This project presented complex technical challenges requiring innovative solutions across multiple technology stacks and platforms.

![Waimut app screenshots 01](https://res.cloudinary.com/fnel/image/upload/v1746839315/frkia/projects/waimut-blog-post-01_xtky5s.png)

## System Architecture

The Waimut platform was built on a modern, scalable architecture:

- **Backend**: Laravel-based REST API with robust authentication system using JWT tokens
- **Database**: Optimized MySQL database with complex relational schema for user connections, events, and recommendations
- **Frontend**: Server-side rendered Next.js application for web interface with optimized SEO
- **Mobile**: Cross-platform React Native application for iOS and Android with shared codebase
- **Infrastructure**: AWS-hosted with auto-scaling capabilities, load balancing, and CDN integration

## Key Technical Implementations

### Backend Development (Laravel/MySQL)

- Designed and implemented RESTful API endpoints with comprehensive documentation
- Built custom recommendation engine using collaborative filtering algorithms
- Developed real-time notification system using Laravel WebSockets and Redis
- Implemented complex database queries for efficient event discovery with geospatial searching
- Created robust user authentication system with multi-factor authentication
- Developed automated event matching system based on user preferences and behavior

![Waimut web screenshots 01](https://res.cloudinary.com/fnel/image/upload/v1746839864/frkia/projects/waimut-website-screenshot-01_x1oeis.png)

### Frontend Web Application (Next.js)

- Implemented server-side rendering for improved SEO and initial load performance
- Created responsive UI with advanced animations and transitions using Framer Motion
- Built custom React hooks for state management and API integration
- Optimized bundle size and loading performance using code splitting and lazy loading
- Integrated real-time features using WebSockets for notifications and messaging

![Waimut app screenshots 02](https://res.cloudinary.com/fnel/image/upload/v1746839315/frkia/projects/waimut-blog-post-02_doasis.png)

### Mobile Application (React Native)

- Developed cross-platform application with shared codebase for iOS and Android
- Implemented native device features including push notifications, camera integration, and location services
- Created custom navigation system with smooth transitions between screens
- Built offline-first capabilities with local data persistence
- Optimized performance for older devices with efficient rendering strategies


![Waimut app screenshots 03](https://res.cloudinary.com/fnel/image/upload/v1746839314/frkia/projects/waimut-blog-post-03_xygj6s.png)

### Performance Optimizations

- Implemented Redis caching layer for frequently accessed data
- Created image optimization pipeline for user-uploaded content
- Utilized database indexing strategies for faster query performance
- Implemented efficient pagination and infinite scrolling mechanisms
- Configured CDN for static assets with proper cache policies

![Waimut web screenshots 01](https://res.cloudinary.com/fnel/image/upload/v1746839864/frkia/projects/waimut-website-screenshot-02_ijesuy.png)

### Security Measures

- Implemented comprehensive input validation and sanitization
- Set up rate limiting and protection against common attack vectors
- Created secure file upload system with validation and scanning
- Established robust error logging and monitoring system
- Implemented data encryption for sensitive user information

## Scaling Challenges & Solutions

As user adoption grew, we faced several scaling challenges:

- **Database Performance**: Implemented sharding strategies and query optimization to handle increasing data volume
- **Real-time Communication**: Scaled WebSocket servers with Redis pub/sub for distributed messaging
- **API Throughput**: Implemented API gateway with caching and rate limiting to manage high traffic periods
- **Content Delivery**: Optimized media delivery through dynamic resizing and progressive loading
- **Search Functionality**: Integrated Elasticsearch for fast, complex search capabilities across multiple data dimensions

## Development Process & Leadership

As CTO, I established efficient development processes:

- Implemented CI/CD pipeline using GitHub Actions for automated testing and deployment
- Established code review processes and technical documentation standards
- Led architectural decisions and technology selection
- Managed a team of 5 developers with agile methodology
- Conducted regular security audits and performance optimization sprints

The Waimut platform now successfully handles thousands of concurrent users, with a scalable architecture designed for continued growth.

Waimut - Social Event Networking Platform

**Introduction**
The National Assembly of Iranian Jurists (NAIJ) is a nonprofit organization dedicated to advancing democracy and justice in Iran. This project involved the design and development of the NAIJ's website, a vital platform for disseminating information, fostering cooperation, and promoting their mission.

![https://media.licdn.com/dms/image/C562DAQHb42OZySd7JQ/profile-treasury-image-shrink_800_800/0/1677012706700?e=1698120000&v=beta&t=c45MMAwZI6XjDlXBIhqnlm2Ftjpvioq4mdSZY8ngi6E](https://media.licdn.com/dms/image/C562DAQHb42OZySd7JQ/profile-treasury-image-shrink_800_800/0/1677012706700?e=1698120000&v=beta&t=c45MMAwZI6XjDlXBIhqnlm2Ftjpvioq4mdSZY8ngi6E)

**Website Development Details**
In developing the NAIJ website, we utilized several key features to create an engaging and informative user experience. The website was developed using Next.js 13, a popular and efficient React framework that enables server-side rendering and improved performance. We also ensured that the website's code adhered to web development standards, making it clean, efficient, and secure.

Several additional functionalities were incorporated, including:

- **Responsive Design**: The site offers a modern, responsive design that adapts seamlessly to various screen sizes and devices. This includes a minimalist and elegant color scheme, typography, and layout that reflects the professionalism and credibility of the NAIJ. The primary color used in the design is brass, representing a symbol of strength and tradition, while the secondary color is navy blue, conveying trust and integrity.

- **Logo and Design**: The logo for the NAIJ is a conceptual combination of Huma, a mythical griffon representing the quest for the unattainable, and the statute of justice, symbolizing fairness and equality. This logo is prominently displayed, serving as a visual representation of the organization's core values and mission.

![https://res.cloudinary.com/fnel/image/upload/v1697516239/frkia/projects/t0ke4pfkrcrxzsskfuns.jpg](https://res.cloudinary.com/fnel/image/upload/v1697516239/frkia/projects/t0ke4pfkrcrxzsskfuns.jpg)

- **Intuitive Navigation**: The website provides clear and intuitive navigation, allowing users to effortlessly access different sections, further enhancing the user experience.

- **Multilingual Feature**: A multilingual feature was added using next/router and next/config to allow users to switch between English and Farsi languages on the website, enhancing accessibility and user experience for a wider audience.

- **Search Engine Optimization (SEO)**: SEO best practices were incorporated to increase the website's visibility in search engine results pages (SERPs) and attract more organic traffic.

- **Custom Content Management System (CMS)**: A custom CMS was created to allow IranaJ to easily update and maintain the website's content without requiring technical expertise.

- **Membership Application Form**: We integrated a membership application form using MongoDB, a NoSQL document-oriented database, and Formik and Yup libraries. This simplifies form handling and validation, allowing for easy storage and retrieval of user data.

- **Newsletter Subscription Feature**: A newsletter subscription feature was added using SendGrid, a cloud-based email service provider, allowing users to receive regular updates and promotions from IranaJ via custom-designed emails.

- **Extensive Testing**: Extensive testing was conducted using Cypress, a powerful end-to-end testing framework, to ensure the website's functionality, performance, and user experience are optimal.

- **Collaboration with IranaJ's Marketing Team**: We worked closely with IranaJ's marketing team to ensure the website's design, content, and functionality aligned with their branding and marketing objectives.

This comprehensive project contributes to the NAIJ's mission by providing a robust online presence and fostering connections with stakeholders, ultimately advancing democracy and justice in Iran. The logo and design, in particular, serve as powerful symbols of the NAIJ's dedication to their cause.


National Assembly of Iranian Jurists (NAIJ) Website

## Whats Miloupaw

> Miloupaw provides a private, safe, and loving environment for pets. The services are delivered by a team of highly experienced and qualified professionals. Like many existing service providers, miloupaw does not operate in bulk. Our care packages are customized to meet the individual needs of each client. We provide our clients' pets with a safe and loving environment. We begin our journey with a personal meeting. We prepare a custom care package for the client after meticulously examining the pet's needs. As a result, our clients won't have to worry about any nitty-gritty details. -Sanaz Hemmativajh

## The Story

In early 2022 when I was feeling very frustrated about the future of `fnel`, something very promising happened. I was approached by my wife wondering if I could create a mobile app to manage her friend's customers and contractors. Interestingly, we ended up turning this into a stand-alone company for her.

As of then, I had no experience developing mobile apps, but I had gained plenty of backend and frontend experience from working on `Fnel`. My only requirement was to learn how to code with `React Native`. My first thought was that it couldn't be that difficult, so I took on the challenge and developed a mobile app, a server, and a static website.

Normally learning a new platform and coding structure is not easy. But a week after I started using `React Native` thanks to `Mosh Hamedani`, I became proficient in it.

[The Ultimate React Native Series](https://codewithmosh.com/p/the-ultimate-react-native-course)
![Code with Mosh](https://yt3.ggpht.com/tBEPr-zTNXEeae7VZKSZYfiy6azzs9OHowq5ZvogJeHoVtKtEw2PXSwzMBKVR7W0MI7gyND8=s900-c-k-c0x00ffffff-no-rj)

## The Structure

Using React Native with the `Expo client`, it took about 3 part-time months to get a customer-ready application. Miloupaw uses `MongoDB`'s cloud solution for the database, while the backend is powered by `NodeJS` and `ExpressJS`. Due to the project's low power requirements, I ditched cloud hosting and switched to `Linode Nodes` for web hosting.

After evaluating a few options, I chose `Stripe` as the payment gateway. `Miloupaw` plans on growing big in the next few years. They will hire more contractors to serve a larger client base. As a result, they needed a way to handle their transactions and payouts (to contractors) together. With `Stripe`'s connect solution, I was able to handle all money-related stuff throughout the app using their API and built-in SDKs.

Although they mentioned they wanted a simple website without any interaction, I decided to build a solid foundation in case they decide to offer their services on their website. Therefore, I used the lovely `NextJS` to do this.

![web screen shots](https://res.cloudinary.com/fnel/image/upload/v1659504277/frkia/projects/web-v1_xxreba.jpg)

This project also used a new CSS framework called `Tailwind`. I was always wary of using any `CSS` framework rather than native `CSS` or `SASS`. BHowever, I read enough good things about `Tailwind` and decided to try it out. The tool is perfect for someone like me who prefers to retain control over `CSS` generated by the software. The pros of this framework deserve their own post. Just a friendly tip, combining it with `Headless UI` will take your code to the moon 🚀.

Rather than go into too much detail about this project, I will leave you with a few images from Miloupaw's mobile app.

![Miloupaw Mobile App](https://res.cloudinary.com/fnel/image/upload/v1659507432/frkia/projects/ios-v1_zpb3zb.jpg)

`Miloupaw` is currently available both on [Apple's app store](https://apps.apple.com/us/app/miloupaw/id1620724992) and [Google Play Store](https://). Take a look.


miloupaw, Professional And Reliable Pet Care Services

> Project fnel was my first experience as a startup founder where I had a chance to get involved with different areas of the practice. I was in charge of managing, UI designing, backend, and frontend development of the project. Due to its startup nature, we weren't bound to any legacy technologies that helped the project take advantage of the latest available frameworks and packages.

![https://res.cloudinary.com/fnel/image/upload/v1637960064/frkia/projects/fnel-cover_twkxhg.jpg](https://res.cloudinary.com/fnel/image/upload/v1637960064/frkia/projects/fnel-cover_twkxhg.jpg)

## Base

At the beginning of the project, since we had a dedicated backend developer, my role was to manage the product and deal with the `UI/UX` aspect of the project. Having a background in architecture and product management helped me a lot with this process. The early structure of the project was built in `python` & `Django`. Our very first version was a bare-bone `Django` framework with a `Postgres` database, served via static `HTML` in front (this part was my contribution). Back then, the project name was **_dapper_**. Due to various reasons, our web application couldn't mature enough. Eventually, we decided to drop the web version and started developing the iOS app.

## iOS and Design

As our iOS developer started structuring the project, I've also begun working on the UI and UX of the app. Due to my familiarity with the adobe products, I decided to develop the design in the `Adobe XD` software.
![fnel iOS UI design version 1](https://res.cloudinary.com/fnel/image/upload/v1640930602/frkia/projects/ios-v1_jzy9to.jpg)

The project was fairly simple. A social platform for fashion lovers to get in touch with each other and get free/paid styling advice. As fnel started getting some attraction from friends and family, I decided to dust off my old passion and start learning some new frameworks to make the project multiplatform.

## The Great Beginning

Like many other solo developers, I decided to follow React path and build a dynamic web app that would offer all the stuff already available on the iOS app in the same unique fashion. The task wasn't easy. Since my only interaction with web development was HTML and CSS, I had to learn javascript and new CSS frameworks like sass.

The process of learning, designing, and coding took about 4 part-time months of my time. Every aspect of it was a different challenge to me. Here are some of the major ones:

- building a session-based platform using `JSON Web Tokens` and `useContext`
- A responsive design.
- an infinite scroll feeder for the main page and comments section running on `react query`
- Interactive map using `Mapbox SDK`. I developed a dynamic fetching system where new feeds are rendered on every pan and zoom based on the view's geo boundary.
- A calendar system to load appointments over
- An online/onsite appointment system
- A video/voice call system based on `Twilio SDK`.
- Real-time chat and messaging system using `Web Socket`.

![web-v2.jpg](https://res.cloudinary.com/fnel/image/upload/v1640930602/frkia/projects/web-v2_vn1ht4.jpg)

As you may have already noticed, my first react project wasn't anyway similar to the `hello world` sample 😅. It didn't take very long for me to realize using `React` wasn't a great option for a social media project. `React` was lacking `SEO` and server-side futures. Without them, we would have missed huge free traffic from search engines and social media shares. But I was very lucky to be introduced to `NextJS`; _A react framework for production_!

`NextJS` is a true gem. The process of transferring the project from `React` to `NextJS` -_despite the promise_- wasn’t very smooth. The struggle was mainly due to changes in the backend and data structures we decided to make midway to the project.

In the meanwhile, I've also worked on the second and third iOS platform's design upgrades. Which in my opinion made the project more mature:

![ios-v2.jpg](https://res.cloudinary.com/fnel/image/upload/v1640930601/frkia/projects/ios-v2_hzfn3y.jpg)

![ios-v3.jpg](https://res.cloudinary.com/fnel/image/upload/v1640930602/frkia/projects/ios-v3_crncfh.jpg)

## A Fresh Path

A few months later, we got a new product manager in the team. But Sadly we had to separate our ways with our backend developer. However, it provided a great opportunity for me to take my coding experience and knowledge to a next level.
At that point, I was actively working on coding interviews and was familiar with algorithms and data structures. Adding new technology and experience to my portfolio was an opportunity that I couldn’t miss. Eventually, I decided to dump the existing backend system and start from scratch to develop a brand new system using `node`.

In terms of the database, I had to take a very radical decision, which in the end due to previous experience and available learning resources I have decided to move on with `Mongo DB`. The data transfer was almost smooth and to finish it up I sent an email to existing users, asking them to reset their passwords to regenerate the missing encrypted passwords.

As mentioned, I used `NodeJs` along with express to set up the server where I had to implement different SDKs and packages to run all existing services plus newly added ones. Here is the list of new features added in the node version of the backend:

- Phone verification plus Video/Voice call system using SMS/voice via `Twillio SDK`
- Payment gateway via `Stripe`
- `Redis` for memory
- Push notification system via `Firebase Messaging Service(FMC)`
- Sockets for chats via `Socket.io`
- Dynamic email composing system via `MJML`
- `Google Cloud Geospatial API` for address lookup
- Emailing server via `Send Grid`

## Wrap up

**_Fnel_** has come a long way and will keep evolving. It does not matter if someday we decided to put an end to its life or change the whole structure dramatically. The knowledge and wisdom I gained spending so many hours working on such a unique and immerse project has taught me a lot, which can not be measured with any numerical value.


Fnel, online fashion service

In 2019 I was reached by my co-founder to start a new project to address the strange culture among Iranians living abroad. Iran has great dentists, and the quality to cost ratio is far cheaper than the same service in Europe and the U.S. That being said, most Iranians choose to take care of their health while going back to visit their friends and families in Iran.

![https://res.cloudinary.com/fnel/image/upload/v1642972251/frkia/projects/intro_p7oxqb.png](https://res.cloudinary.com/fnel/image/upload/v1642972251/frkia/projects/intro_p7oxqb.png)

We started **Dandoon** with a promise of providing a seamless and user-friendly experience where users would check on the availability of our networks’ dentists and make an appointment from their phone. So we had to design the system in a way that would provide both doctors and users options to control and update their profiles without any hassle.

![https://res.cloudinary.com/fnel/image/upload/v1642972680/frkia/projects/main-01_t4kimk.png](https://res.cloudinary.com/fnel/image/upload/v1642972680/frkia/projects/main-01_t4kimk.png)

As a `UI/UX` designer, I had to consider the usability in front and design an experience where users and doctors would easily find their way out without any need for additional support or guidance. The UI had to be self-explanatory and fluid. Having any complex and unwanted layer could easily ruin the journey and cost us losing the user.

![https://res.cloudinary.com/fnel/image/upload/v1642973023/frkia/projects/main-02_zehuxy.png](https://res.cloudinary.com/fnel/image/upload/v1642973023/frkia/projects/main-02_zehuxy.png)

In regards to easing user experience, we decided to limit our platforms only to mobile screens. This decision added another layer of complexity to the design and code. The design had to be accessible enough for doctors to easily deal with their scheduling and appointments requests.

All these challenges and the experience of working with a great team made this project a unique experience where I learned a lot about accessibility and user experience in design.

![https://res.cloudinary.com/fnel/image/upload/v1642973326/frkia/projects/main-03_ouuok7.png](https://res.cloudinary.com/fnel/image/upload/v1642973326/frkia/projects/main-03_ouuok7.png)

**Dandoon** is currently put on pause we are waiting to pass the pandemic restrictions to get back to the developing table.