Welcome to my inventory app! This project is created to showcase dynamic site operations for adding, updating, and keeping track of objects in database. As I build up the project, I had fun creating a bit of puzzle for users to solve should they wish to obtain the password. Did I mention there's cats involved?
Link: https://inventory-cat-cafe.fly.dev 🐈 ☕️
- ALL CRUD operations for uploading categories and items
- Ability to upload images
- Safeguard for uploading/deleting objects
- Cats!
- Backend: Node.js, Express.js
- Stylesheet Language: SCSS
- View Engine: EJS
- Database: MongoDB
- Image Hosting: Cloudinary
- fly.io: for deploying and hosting the application
- MongoDB Atlas: for cloud-based MongoDB hosting
- Cloudinary: for hosting and managing images
Some of the key learning points for this project involved CRUD operations, file upload/multipart forms, and getting it all set up on Cloudinary and production environment.
One of the earlier issues I ran into was dealing with 404 and 500 pages because I wasn't aware of key components of how routes, controllers, and EJS handle some values and paths as I imagined. Through trial and error with testing out different routes and configurations using libraries, I managed to get everything working. Another issue I tackled was originally the changes I made to my model after incorporating images and other changes for forms. I believe I took some valuable lessons in using models about what is good and bad when dealing with forms as well as file uploads. Pretty much for other problems, after the first breakthrough, everything else came more naturally. Only problem I had major antic with is surprisingly scss. While I understand a big focus of this project is on the backend, it's pretty frustrating because for some God forsaken reason, the @media query refuse to work properly. Arg, well onto the next project.
Type in terminal the following :
express inventory-application --view=ejs --css=sass
cd inventory-application
npm install
npm install --save-dev nodemon
npm install dotenv --save
npm install mongoose
npm install express-async-handler
npm install express-validator
npm install node-sass-middleware --save
npm install express sass
npm install --save multer
npm install cloudinary
npm install luxon <UNUSED, this is for future reference for date library>
Reminder to check app.js for all added changes
Type in terminal the following :
npm install compression
npm install helmet
npm install express-rate-limit
Reminder to change env variables(within host provider) & set node version in our package.json & NODE_ENV = "production"
- Cat March (MitchiriNeko): https://www.youtube.com/watch?v=hLkez3oL6s4
- Cat Typed-Emojis: https://emojicombos.com/cat
- SVG and Icons: googlehttps://fonts.google.com/icons