Deliverable-3/System-Architecture.md

@@ -4,8 +4,9 @@ https://drive.google.com/file/d/1CvoqH_p84jSwCTQ2__f6gZt2DyL88udK/view?usp=shari
 ![image](uploads/1a3b6e42511c1f1db5d003976051b240/image.png)  
 
 **System Architecture Discussion**  
-The Smart Grocery Management Mobile App is built on a modular, scalable architecture comprising four key layers:** Presentation (Client Devices), Application (Backend Server), Data (Database), and External Services**. This layered structure ensures a clear separation of concerns, facilitates maintainability, and provides robust support for collaborative, intelligent grocery management functionalities.  
-Presentation Layer (Client Devices – Mobile App)  
+The Smart Grocery Management Mobile App is built on a modular, scalable architecture comprising four key layers: **Presentation (Client Devices), Application (Backend Server), Data (Database), and External Services**. This layered structure ensures a clear separation of concerns, facilitates maintainability, and provides robust support for collaborative, intelligent grocery management functionalities.  
+
+**Presentation Layer (Client Devices – Mobile App)**  
 The client side application is developed using React Native, enabling cross-platform deployment on both Android and iOS through Expo Go. Core functionalities offered to users include:  
 - Secure user login and registration
 - Grocery inventory management
@@ -34,7 +35,7 @@ The database structure supports the following collections:
 
 This flexible schema supports efficient querying and easy schema evolution, enabling real time group synchronization and historical data analytics.   
 
-**External Services  **  
+**External Services**  
 To extend core functionality, the system integrates with two external services:  
 - Gmail SMTP (via Nodemailer): Used for sending 6 digit verification codes during password reset workflows, enhancing account security  
 - Spoonacular API: Provides personalized recipe suggestions by analyzing the user’s inventory and dietary preferences