AutoKeeper - Maintenance Made Simple

AutoKeeper is a comprehensive vehicle maintenance web app that allows users to efficiently log and track their vehicles' maintenance records, including service mileage, services performed, and other vehicle information pertinent to the overall good health of your vehicle.

View Project Live: autokeeper.cyclic.app

How It's Made:

AutoKeeper was built using the Node.js engine on the Express.js framework. This app follows MVC structure, consisting of user and maintenance models, controller methods, and views. Views are rendered rendered live in templated HTML using EJS. This app communicates with a MongoDB database to create, store, and read various entries for vehicle information and maintenance. User authentication is routed through Passport.js for local authentication and hashing.

Project Outcomes:

AutoKeeper presented some fulfilling challenges across a number of full stack components, primarily:

• User authentication, database referencing, and hashing.
• MVC structuring and handling for various page interactions or events.
• Passing database objects correctly and situationally rendering in each unique view.
• Implementation of Bootstrap CSS framework for consistent, scalable, and attractive layout.

Despite any challenges presented in constructing this app, I enjoyed the process of procedurally building out each component, growing the capability of the app gradually. Additionally, I look to expand the app's capability and efficiecy through conversion to a React.js framework in the near future.

Run AutoKeeper Locally:

1. Clone this repo to your local desktop
2. NPM install
3. Add '.env' file with MongoDB connection string (or other database).
4. npm run dev

Examples:

If you enjoy AutoKeeper, I would be thrilled to have you check out some of my other work. Here are a few examples:

myCocktail.io: https://github.com/alecortega/palettable

catBook: https://github.com/alecortega/twitter-battle