01. About me
Hey there, I'm Danny Collan! I hold a Bachelor's Degree in Computer Science, a full-stack coding bootcamp certificate, and am also certified as an AWS Certified DevOps Engineer and as a Certified Control Systems Technician. Currently, I am exploring all possibilities in the world of technology as a software engineer. Throughout my career, I've immersed myself in various large-scale projects, prioritizing responsive design, performance optimization, and cross-functional collaboration.
On a typical day, you'll find me working hand-in-hand on API integrations, turning designs into actual, clickable things, and resolving bugs. I'm all about teamwork, taking ownership of what I do, and always looking for ways to help others grow in their roles as well.
Some of the technologies that I have been trained and worked on include (but are not limited to):
- MongoDB, Express, Angular, NodeJS
- HTML & (S)CSS
- JavaScript, TypeScript
- Swift, React.js
- PHP, Python
- CI / CD
- Bootstrap, Material UI, Tailwind
02. Some Websites I've Built in the Past
Featured Project
JoyFindR
RESTful API wep app that acts as a game library storage using two different APIs: https://rawg.io/apidocs and https://developers.giphy.com/. Given that a user enters what games they wish to search, the application will first return a list of games based on the user's search from RAWG.io. When they click on a game to open up the game's information, it will display the game's name, it's ratings, the release date, and genres the game belongs to. It will also display a randomized GIF with relevance to the game as part of adding humor from Giphy's API. As the user is searching for games, the user is also free to save a game to local storage to have saved to their Wishlist to view for a future reference.
- HTML/HTML5
- CSS/CSS3
- JavaScript
- RESTful APIs
Featured Project
Social Goals Tracker
Web app that allows for users to post goals. When entering, the user can either create an account or login with an existing user ID and password. Once the user is successfully logged in, they are free to create any new goal they would like, and check inside a checkbox if they would like for the goal to be private. Once a goal is created, they can either delete the goal or update its current contents. If the user wishes to log out, they can do so by clicking 'Logout'. The website primarily aims to add a personal goal agenda for any user to allow for them to keep track of things they wish to accomplish in life, whether it is in the short or long run.
- HBS
- SCSS
- TypeScript
- Prisma
- Express.js
- Tailwind
Featured Project
KryptoRun
React app based on cryptocurrency exchanges with Ethereum. Users must have MetaMask plugin installed to be able to successfully exchange the cryptocurrency. Once users have the plugin, they must specificy the person it is going to using the user's MetaMask ID, the amount of ethereum they wish to exchange, and for optional purposes, send a message along with a GIF based on a keyword they enter. Once the exchange has been fulfilled, the current user will receive a receipt notifying that they have exchanged a certain amount with another user. New transactions for all users will also appear at the bottom of the page, listing 'Latest Transactions'.
- JavaScript
- Solidity
- Shell
- Node.js
- Tailwind
- Vite
Featured Project
DCollan Headgear
E-Commerce React web app that allows for users to make purchases using Stripe. After clicking to proceed what is currently in cart after creating their wishlist, users will be taken to a transaction page where they will have the option to move forward with their payment using a debit/credit card and entering in their information. With the service of Stripe, once they have clicked to authorize the purchase, the user will be taken to a receipt page notifiying them that their purchase has been completed, and that the item is on the way. If the user wishes to continue their shopping, they may click to return to the homepage from there.
- JavaScript
- Babel
- Shell
- Node.js
- Sanity
- Stripe
Featured Project
TODO Task App
Beginner-level React TODO app using GraphQL and MongoDB. User is able to create a new account or login using an existing username and password. Once the user is logged in, they are able to begin by clicking on 'Add new task' to add a new TODO objective onto their list. The new task displayed will indicate the deadline to finish the task for the user, and a status displaying whether the task has been completed or not. To update a current task, the user will need to navigate to 'https://todo-ogo1.onrender.com/task/:id', where, by replacing ':id' with the current task's id, they will be able to create more tasks, edit existing ones, or remove any current tasks.
- Node.js
- TypeScript
- React.js
- MaterialUI
- SCSS
- MongoDB
- GraphQL
- Bcrypt
- JWT
- Express.js
- Vite
- Eslint
Featured Project
Charms CRUD App
Beginner-level React CRUD app. Upon entering page, users are able to create new posts, update, or delete existing ones. While no account is required, all users inside the webpage are able to perform the same action to all existing posts. As the website serves as an introduction to working with an API, where users will constantly be interacting with a database, it aims to provide a first glance at how databases (particularly ones using MongoDB), are typically affected as a user submits a form. Without the use of databases to store saved information from the world, for instance, it would impose significant issues in one's own privacy.
- JavaScript
- Shell
- Node.js
- MongoDB
- HTML
- CSS
Other Noteworthy Web Applications
Excellent Password Generator
Webpage that allows for user to create a new randomly generated password to have shown on screen. Upon clicking 'Generate Password', the user will be provided with a prompt indicating how long their password will be, ranging from 8 to 128 (inclusively). After entering, the user will then be asked if any lowercase, uppercase, numbers, or special characters will be included in the password.
- HTML
- CSS
- JavaScript
Work Day Scheduler
Work schedule web app that allows so that, once the user clicks save after entering in text to a textfield (whether it is before, in between, or after 9am-5pm), the entered text will yet remain after refreshing the page. There will be different timeblocks for past, present, and future, and while this is all done using Day.js, the current date will also be displayed at the top of the page.
- HTML
- CSS
- jQuery
- Day.js
Fantastic Weather App
Weather website that returns the current weather for a specific entered city once the user clicks submit on a form field. Upon submit, the page will also return the predicted forecast for the next five days, where all of the searches the user has done will be displayed onscreen based on the local storage.
- HTML
- CSS
- jQuery
- AJAX
- APIs
Quiz Biz
Quiz game based on a timer initiating as soon as the user clicks start. Once the user begins the quiz, the timer will countdown until zero, and there will be a 20 second deduction in seconds if the user answers a question incorrectly. Once the user has successfully answered all questions or the timer hits 0, the results page will display, where this will be saved to local storage.
- HTML
- CSS
- JavaScript
Express Note Taker
Note-taking application that prompts user to begin by clicking on a button regarding whether to create a new note. Once the button is clicked, a text field will be provided, prompting the user to enter in a note title with a note description. There will be a save button provided, in which once the user clicks 'Save', the note will be saved and stored. User is also able to delete notes, if needed.
- JavaScript
- Heroku
- Node.js
- Express.js
Unique SQL Employee Tracker
Employee tracker terminal app that uses mysql2 and inquirer. Provided with a selection of options to choose from, the user has the choice to view a list of employees, view a list of roles, view a list of departments, add new employees, add new departments, add new roles, or simply update existing employee roles, where they will also have the option to exit the application.
- JavaScript
- MySQL
- Node.js
- Inquirer
Super SVG Generator
SVG generator terminal app that uses the Jest and Inquirer. Application is based on testing and generating a new SVG file that renders in the shape of a square, circle, or triangle based on the user's input. The user will also be prompted to enter at most 3 text characters to be used inside of the shape. Once the user finishes all prompts, the new SVG file will then be generated.
- JavaScript
- Node.js
- Inquirer
- Jest
True Tech Blog
Fully-functional, responsive web app that allows for users to register a new account, and be able to login, where their information is stored inside a database. Once they have either created a new account or successfully logged in, they will be granted the option to be able to create a new post that can be shared in a global landing page.
- HBS
- JavaScript
- Node.js
- Bcrypt
- Sequelize
- Express.js
- MySQL
NoSQL Social Network API
NoSQL application that performs CRUD operations using MongoDB. Here, Postman/Insomnia will be used to successfully work with 'user' and 'thought' schemas. When running, GET, POST, PUT, and DELETE operations can be executed by the user as long as they are inside of Postman/Insomnia using 'localhost:3001/'. In the process of deleting a user, their associated thoughts will also be deleted.
- JavaScript
- Node.js
- Express.js
- MongoDB
Fabulous PWA Text Editor
Progressive web application that successfully renders a text editor the user could open on localhost:3000. The basis of the application will use webpack plugins, including IndexedDB, so that it may be able to store the saved information the user has entered for referring to for later use, even when offline.
- HTML
- CSS
- JavaScript
- Node.js
- Express.js
- Babel
- Insomnia
03. What’s Next
Get in touch!
I will be happy to receive your contact if you want to talk about new opportunities. Write me, and I will reply as soon as I see your message. Simple one-page design that features a profile letter with basic information about a person.