Projects

Here you can view my completed web development projects.

(ReactJS, Express, NodeJS, React-Bootstrap, Sass)

View Live Project

View on GitHub

An app for tracking sleeping habits, to help sleep study patients continue to track their sleep improvement progress. Working with data visualization was enjoyable, albeit a bit tricky. 

I had fun adding a “night mode” feature to this site. You can log in to try out adding data with the username “omar” and password “omar”.

(ReactJS, Express, NodeJS, React-Bootstrap, Sass)

View Live Project

View on GitHub

A fullstack React recipe collection application for a client. This app is a site for users to upload and share their recipes with others. It has been exciting and a rich learning experience to connect an Express server app with REST APIs that I created to a React frontend.

(WordPress, Elementor)

View Live Project

Artwork display and shop for client. I enjoyed working with all of the client’s beautiful artworks, and bringing her website back to life, as she had had one many years ago that had gotten hacked and was rendered unusable.

(WordPress, Elementor)

View Live Project

This was a rebuild for the client of the original site I built for her using HTML and CSS. Using WordPress is a joy, and it can often be more complicated than one would think. I enjoyed working with plugins, customizing a theme, and animating the site to produce an excellent user experience.

(CSS, HTML)

View Live Project

View on GitHub

A web logo for a client I designed and drew in Adobe Illustrator, then animated using CSS animations, as well as animations written in JavaScript. This logo was an incredibly fun challenge. The most difficult part was making the paths of the letters interact smoothly with each other, but once it was complete the client and I felt so good!

(JS, CSS, HTML, jQuery)

View Live Project

View on GitHub

This portfolio page was created using only HTML and CSS. It was a great joy to learn how to animate all of the sidebar buttons, and to add my video background.

(JS, jQuery, CSS, HTML)

View Live Project

View on GitHub

I was exited to design and create a game, and to make a movable object with JavaScript, that could interact with other moving objects. This game served as a great foundation to create even more advanced interactive coded games.

(JS, jQuery, CSS, HTML)

View Live Project

View on GitHub

This project was created to advance my knowledge of using jQuery together with JavaScript. The real challenge of the timer was making making the hours, minutes, and seconds reset at their respective intervals of 60.

(ReactJS)

View Live Project

View on GitHub

This project was created using the Unsplash API. It was a challenge to get the images to stack correctly, and to learn to implement npm packages in my React app, but this was a challenge rich in learning.

(ReactJS)

View Live Project

View on GitHub

The most challenging part about this project was creating the ability to go back to previous phases in the game. I enjoyed the challenge of creating a game history using state, and allowing the players to jump back to any point and restart.

(jQuery, JS, CSS, HTML)

View Live Project

View on GitHub

A pure HTML/CSS site created for a client. When creating a site from scratch with CSS and HTML, making the site responsive may be the biggest challenge. However coding a site gives a huge amount of control. The trade-off is that it takes a huge amount of work. Nevertheless, it was cool to create a site from scratch, and especially to include PayPal functionality!

(PHP, MySQL, Bootstrap)

View Live Project

View on GitHub

This PHP project was an endeavor to be able to make a PHP controlled webpage with login and CRUD functionality. I love creating databases and using them to store and post data.

(ReactJS)

View Live Project

I enjoyed working with the country flags API, and integrating it into React. One challenging part of the project was making all of the buttons appear properly, when a new option was clicked and so forth.

(Bootstrap, Sass)

View Live Project

View on GitHub

This site was a recreation of my site, CannelleLaDemoiselle.com, except in this recreation I rebuilt a template for the site so that I could learn Bootstrap and Sass. It was a joy to learn Sass, and the power of a CSS framework and preprocessor makes development much smoother!

(JavaScript, Bootstrap)

View Live Project

View on Github

The hardest part of this todo list was creating the editing functionality for each todo item. I love manipulating the DOM and adding new elements with JS, so I had lots of fun with this project.

(PHP, HTML, CSS)

View Live Project

View on GitHub

I enjoy using PHP to interact both with the front-end and the back-end. Building a simple blog was much easier than I thought it would be.