style: clean up code formatting and improve readability

content/projects/coding_tutorials.mdx

@@ -34,20 +34,24 @@ This is a website offering interactive coding tutorials and challenges to help u
 ## Implementation
 
 ### Frontend
+
 - Built using **React** to create modular and reusable components.
 - Interactive elements like code editors implemented using libraries like **Monaco Editor** or **CodeMirror**.
 - State management with **React Context API** or **Redux**.
 
 ### Backend
+
 - Developed with **Node.js** and **Express** to create RESTful APIs.
 - Authentication implemented with **JWT** for secure user sessions.
 - API endpoints for handling user data, progress tracking, and challenge validation.
 
 ### Database
+
 - **MongoDB** used for storing user details, tutorial content, and progress.
 - Optimized queries to ensure smooth and fast data retrieval.
 
 ### Deployment
+
 - Hosted on **Vercel** or **Heroku** for the frontend.
 - Backend hosted on **AWS EC2** or **Render** with **Docker** for containerization.
 

content/projects/eco_marketplace.mdx

@@ -36,21 +36,25 @@ This is an e-commerce platform dedicated to eco-friendly products where users ca
 ## Implementation
 
 ### Frontend
+
 - **React** for a modular component-based architecture.
 - **React Router** for smooth navigation between pages.
 - Integration with third-party libraries for animations and rich UI experiences.
 
 ### Backend
+
 - Built with **Express.js** to create RESTful APIs.
 - Secure user authentication using **JWT** and password encryption with **bcrypt**.
 - APIs for managing product listings, user profiles, and order processing.
 
 ### Database
+
 - **MongoDB Atlas** for a cloud-based NoSQL database solution.
 - Indexing for efficient search and filtering of products.
 - Aggregation pipelines to support analytics and user insights.
 
 ### Deployment
+
 - Frontend hosted on **Vercel** with CI/CD for automated deployment.
 - Backend hosted on **AWS** or **Render** with Docker support.
 

content/projects/fitness_tracker.mdx

@@ -35,21 +35,25 @@ This is a mobile app that helps users track their fitness activities, set goals,
 ## Implementation
 
 ### Frontend
+
 - **React Native** used for creating a responsive and intuitive UI across iOS and Android platforms.
 - Navigation handled with **React Navigation**.
 - Real-time feedback and updates with **WebSocket** integration.
 
 ### Backend
+
 - **Express.js** APIs for user authentication, activity logging, and data retrieval.
 - Secure user sessions with **JWT** and encrypted passwords.
 - Background jobs with **Node-cron** for reminders and notifications.
 
 ### Database
+
 - **MongoDB** for storing user profiles, activity data, and achievements.
 - Optimized queries for fast data retrieval and updates.
 - Integration of cloud storage (e.g., **AWS S3**) for managing media uploads like user avatars.
 
 ### Deployment
+
 - Backend deployed on **Render** with containerized services using Docker.
 - App published on **Google Play Store** and **Apple App Store** with automated CI/CD pipelines.
 

content/projects/portfolio.mdx

@@ -35,15 +35,18 @@ This is my personal portfolio website where I showcase my coding projects, resum
 ## Implementation
 
 ### Frontend
+
 - **React** components used to create reusable and modular UI elements.
 - **Next.js** for static site generation (SSG) and server-side rendering (SSR).
 - **Lenis** for smooth scrolling and navigation between sections.
 
 ### Blog Management
+
 - Blogs written in **MDX** to combine Markdown content with React components.
 - Dynamic routing in **Next.js** for individual blog pages.
 
 ### Deployment
+
 - Continuous deployment using **Vercel** with automatic build triggers from GitHub.
 - Optimized performance with lazy loading and image optimization using **Next.js Image**.
 

content/projects/recipe_app.mdx

@@ -35,21 +35,25 @@ This is a social app for food lovers where users can post, share, and discover r
 ## Implementation
 
 ### Frontend
+
 - **React** used for reusable UI components.
 - **React Router** for navigating between pages like home, profiles, and recipe details.
 - **Axios** for API integration with the backend.
 
 ### Backend
+
 - **Express.js** API endpoints for managing recipes, user authentication, and interactions.
 - **JWT** for secure user authentication.
 - Middleware for validating and uploading images using **Multer** and **Cloudinary**.
 
 ### Database
+
 - **MongoDB** for storing structured data like users, recipes, and comments.
 - Indexed queries for fast search and retrieval.
 - Data relationships for linking recipes to user profiles.
 
 ### Deployment
+
 - Backend deployed on **Heroku** with Dockerized containers.
 - Frontend deployed on **Vercel** with CI/CD for seamless updates.
 

content/projects/study_group.mdx

@@ -36,21 +36,25 @@ This platform allows students to form virtual study groups, schedule sessions, a
 ## Implementation
 
 ### Frontend
+
 - **React** components for reusable and modular UI elements.
 - **React Router** for seamless navigation between pages like dashboard, groups, and profile.
 - Integration with libraries for date and time management, like **date-fns** or **Moment.js**.
 
 ### Backend
+
 - **Express.js** APIs for managing user authentication, group creation, and resource sharing.
 - **Socket.IO** for enabling real-time messaging and collaborative features.
 - **JWT** for secure user sessions and access control.
 
 ### Database
+
 - **MongoDB Atlas** for scalable cloud database management.
 - Indexed queries to ensure fast retrieval of group and session data.
 - Relationship models for linking users to study groups and sessions.
 
 ### Deployment
+
 - Backend deployed on **Heroku** with real-time web socket handling.
 - Frontend deployed on **Vercel** with automated build pipelines for continuous deployment.
 

next.config.ts

@@ -6,7 +6,7 @@ const nextConfig: NextConfig = {
   experimental: {
     serverActions: {
       allowedOrigins: ['localhost:3000']
-    },
+    }
     // react 19 compiler issue where shadcn rhf does not work, todo: fix
     // reactCompiler: true
   },