TimeNinja
Posted on 08 Apr 2023

Click on image to enlarge
Tech Stack
Frontend
HTML, SCSS, JavaScript
Backend
PHP, Laravel, MySQL
Deployment
Heroku
Storage
AWS S3
About
I had an idea of a countdown timer creator that would allow users to personalize the design of the timers. They would also be able to share the link of the timer with their peers and share in the celebration of counting down a particular event. This project is the end product of that idea.
Some of the features this app has are the ability to upload images as backgrounds, changing the font and color of the content and dials, and characteristics of the dials. I wanted to keep this a web app so it won’t take up space on their devices.
This project was built in Laravel 10 using PHP
and MySQL
.
SCSS
is used to build the CSS
framework for the frontend of the site, while vite is used to compile the frontend assets like the styles and scripts.
I used JavaScript
for the countdown animation.
I used a combination of CSS
transitions and JavaScript
to animate the form panels when the prev and next buttons are clicked.
TimeNinja is deployed on Heroku and uses AWS S3 to store the images.
Feel free to play around with the app and submit any feedback via the contact form.
Featured Projects
Scroll left and right to see more.
A lame joke…
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat aliquid consequuntur ducimus id eligendi sequi sapiente est corrupti illum autem!
Nulla exercitationem tempore, molestiae laborum cum ullam culpa facere magni suscipit? Mollitia assumenda fugiat temporibus perferendis quaerat, error eum quasi.
Repellendus enim nemo similique, nobis hic sit dolor molestiae accusamus rem sequi dolorem est vitae corrupti! Dolorem sequi magni dolore.