A full-stack web application for visualizing custom X-Y coordinate data on a dynamic graph, built with NestJS for the backend, MongoDB for data storage, and a plain HTML/CSS/JavaScript (TypeScript-ready) frontend. Features Interactive Graph Plotting: Visualize X-Y data points on a scatter plot using Chart.js. Dynamic Data Input: Easily add new data points (X-axis, Y-axis, and an optional label) via a user-friendly web interface. CRUD Operations: Full Create, Read, Update, and Delete (CRUD) capabilities for graph data points via RESTful APIs. Persistent Storage: Data is stored reliably in a local MongoDB database. Real-time Updates: The graph and data list on the frontend automatically refresh after adding or deleting data points.
Robust Backend: Built with NestJS, offering a scalable, maintainable, and type-safe API.
API Testing Ready: All endpoints are easily testable using tools like Postman. Technologies Used Backend: NestJS: A progressive Node.js framework for building efficient and scalable server-side applications. TypeScript: Primary language for the backend, providing strong typing and enhanced developer experience. Node.js: JavaScript runtime environment. Mongoose: MongoDB object data modeling (ODM) for Node.js, providing a straightforward, schema-based solution to model your application data. MongoDB: A NoSQL, document-oriented database for flexible and scalable data storage.
Frontend: HTML5: Structure of the web page. CSS3: Styling and layout. JavaScript (ES6+): Client-side logic for interacting with the backend and manipulating the DOM. (Prepared for TypeScript integration).
Development Tools: npm: Node Package Manager for managing project dependencies. NestJS CLI: Command Line Interface for scaffolding and managing NestJS projects. Postman: For testing REST API endpoints. Visual Studio Code: Recommended IDE.