dev-mary-lab: quan demo notes

[Tblack6]

Front-End and Technology Choices

• React/Angular: Although skilled in these frameworks, the company minimizes front-end focus to cut costs.
• Firebase: Utilized as a cost-effective solution to manage and render front-end applications.
• Svelte: Preferred over EJS for its simplicity and efficiency in certain projects.

Hosting and Server Management

• Personal Servers: Uses personal servers for projects, but acknowledges the risk of damage from severe weather.
• Cloudzy: Chosen for cost-effective cloud services, offering strong server capabilities at approximately $15/month, cheaper than Google Cloud and Azure.
• IP Addressing: Provides static and public IPs (e.g., IPv4 45.61.158.107, IPv6 2604:7980:0:21a2::1) for reliable access.
• Dynamic DNS: Deploys in-house infrastructure using dynamic DNS like No-IP for managing dynamic IP addresses.
• Reverse Proxy: Implements subdomain networking for efficient domain management.

Tools and Infrastructure

• GitHub and mongosh: Continuously utilized for version control and database management, even post-graduation.
• MongoDB on Linux: Employs MongoDB with command-line tools on Linux, occasionally using Windows servers.
• Multiple Deployment Systems: Adopts various services for deployment to reduce costs.

Security and Risk Management

• External Hosting: Companies often choose third-party external hosting for back-end systems to mitigate hacker threats.
• Liability Considerations: Hosting with external companies transfers liability away from personal infrastructure.

Learning and Development

• UNA Faculty Knowledge Base: Developed a comprehensive system with CRUD operations.
• Continuous Learning: Gains practical knowledge through job experiences, refining system understanding.

Cost-Effective Solutions

• Cloudry: Utilizes affordable cloud infrastructure for app hosting at $1.50/month, providing essential services like static public IPs.

Questions:

1. Can you share insights gained from developing the UNA faculty knowledge base and how it has informed your other projects?
2. How do you manage security concerns when deploying back-end systems externally?

My research on Angular and React front-end frameworks:

[Tblack6]

How it fits into my stack and TODO application:

Angular

Framework: Angular is a comprehensive framework offering a full set of tools for building complex applications. It includes features like data binding, dependency injection, and a powerful CLI. Integration: Angular can consume my Express.js API endpoints to display and update tasks. It uses services to handle HTTP requests and manage state within components. Use Case: Ideal for large-scale applications requiring a structured approach and robust features out-of-the-box.

React

Library: React is a flexible library focused on building UI components. It emphasizes a component-based architecture and uses a virtual DOM for efficient rendering. Integration: React can fetch data from my Express.js API using libraries like Axios or Fetch API.

Lastly, they fit into my Tech Stack through (1)frontend-backend communication: Both Angular and React can interact with the Express.js API, making HTTP requests to perform CRUD operations on the MongoDB database

2. Scalability: Both frameworks support scaling with features like state management!
3. They offer quite powerful developer tools and ecosystems, enhancing productivity and maintainability