Mongo Helper
About the Site
A platform that features:
Management of MongoDB databases, collections, and documents
Customization of Mongoose schemas
Built-in support for integrating Web APIs (Including NASA)
Mongo Helper is a showcase of my full-stack development skills, built with Vue.js, Node.js, and MongoDB/Mongoose. This platform demonstrates how I can deliver an interactive frontend and design backend services.
Key Technologies
Frontend (Vue.js):
Vue 3 Composition API with Pinia for state management, Vue Router for navigation, Vuetify with MDI icons, Vite as the build tool, and CSS using Flexbox for responsive layout and custom styling.
Backend (Node.js):
Express for routing, with custom route handlers and helper functions to automate database provisioning and API integrations.
Database (MongoDB & Mongoose):
Mongoose for schema-driven MongoDB access, with unique index support, and dynamic collections created on demand.
Core Features
General Features
Metadata Creation & Integrated CRUD Forms
UI-driven creation of Databases, Collections, and Fields—mapped to Mongoose schemas on the backend.
Vue.js renders intuitive forms, while Express endpoints expose full CRUD operations for seamless data management.
In-App Data Explorer
Vue.js-powered JSON viewer with clickable drill-down into subdocuments and arrays.
Live updates reflect changes without page reloads, showcasing reactive UI patterns.
API Features
Auto-Generate Schemas from Web APIs
Fetch any RESTful JSON endpoint; backend infers types and saves Fields for Mongoose schemas automatically.
Rapid schema creation for RESTful Web APIs without manual boilerplate.
Dynamic Web API Data Integration
Securely store encrypted API credentials (API Key or Basic Auth) for external Web services.
Define URL templates, path parameters, and query parameters for queries.
Execute parameterized calls to Web APIs and persist responses into MongoDB via Mongoose with a few clicks.
Other Features
Schema Preview
View a collection's Mongoose schema in a pop-up modal, in JSON format.
Unique Index Fields
Mark Fields as unique to automatically build composite unique indexes for Mongoose schemas.
Production-Mode Control
Toggle a “Production” flag to password-protect any Database or Collection.
Safe demo environment with granular access control.
How It Works
1. Define Metadata
Use the Vue.js UI to add Databases, Collections, and Fields in the metadata store.
2. Automatic Provisioning
Express and Mongoose spin up connections, create collections, and register schemas based on your metadata.
3. Data Integration & Inspection
Run API integrations or use integrated CRUD forms to populate data. Instantly drill into nested JSON with Vue-driven components.
4. Refine & Prune
Remove unused schema fields to keep the database lean and performant.
This project highlights my ability to integrate backend automation, NoSQL database design, and modern frontend frameworks into a cohesive, developer-focused tool.
About the Creator - Evan Smith
Overall, I enjoy creating software that helps improve people's lives and I take pride in maintaining open communication within a team to ensure everyone is happy with the results.
About Me
Eager to contribute to the development of high-value products.
Excellent ability to quickly learn new programming tools.
Reputation for coming up with new ideas and thinking outside the box.
Prioritizes delivering reliable, performant solutions.
Building authentic connections with friends and family is important to me, and in my free time I enjoy playing video games and strategizing for my fantasy football leagues.
LinkedIn:
linkedin.com/in/evan-taylor-smith/