Projects
Report Log Site
- HTML5
- SCSS/CSS
- Javascript
- Angular
- Angular Material
- PHP
- MySQL
My Role
- created the landing, reports, and projects page
- overall design of the website
- light and dark theme enabled using Angular Material
Project Difficulties
This is my first big project using Angular so everthing took awhile from making the forms using reactive approach, handling errors, to creating the theme using Angular Material.
My Solution
I had to practice creating several small projects with forms to get a better grasp of it. I had a local copy of the project so I could play arouund with it until I got the code working, then I would copy it to the main project repository. As for the theming using Angular Material, I just had to find a proper tutorial.
CRM Dashboard
- HTML5
- CSS
- Bootstrap
- Javascript
- ChartJS
- ExpressJS
- MongoDB
- NodeJS
My Role
- Overall design
- Responsible for CRUD operation of data for Customers, Products, Suppliers
- Setting the routes using ExpressJS
- Creating the models/schemas
- Designing the pages
- Manipulating mongoose to properly show correct data
- Making seed file for dummy data
- Demonstrating data using ChartJS
Project Difficulties
There was a lot of problems creating this project but the most memorable one was creating the file for the dummy data. Product data rely on the Supplier ID so that every product will be under a certain supplier. The problem was, at that time, I just know that Object IDs are just automatically created every time data is added. So I couldn't create the dummy data for products.
My Solution
I tried to use object_ID's of suppliers that was made through GUI. Then I deleted those suppliers. Using the old object_ID's along with dummy data for every supplier, I run the seed file and it worked. I then created data for products using the old object IDs of supplier as reference, 4 products for each supplier (3 suppliers), a total of 12. I spent half a day running the seed file, deleting the data in MongoDB, running, then deleting until I got the code to work the way I wanted.
Recipe Site
- HTML5
- CSS
- Javascript
- Bootstrap
My Role
- overall design of website
- popup feature of recipes
Project Difficulties
The popup feature did not fetch the exact recipe. It fetches only the data of whatever is the first result of the array showing 10 result per search term.
My Solution
It took me a long time to find the answer. But the solution was just to create a function to make an ID before fetching the data and showing it over to the document (DOM).