all projects

Simply Recipes
01.

Simply Recipes

Simply Recipes is a fake recipe website developed using GatsbyJS and Contentful. I created this website to demonstrate what I can do with GatsbyJS plug-ins, specifically the use of Gatsby Image components and rendering data from a headless CMS.

gatsbyreactcontentfulstyled-components
Music Muse
02.

Music Muse

Music Muse is a playlist-building SPA that uses Spotify API. This was the first project where I ever worked with API documentation and authorization on my own. Since the creation of this app, I have added additional features such as a media player for samples and rendering the users 'Recently Played' songs from Spotify.

reactjavascriptcssnetlifyspotify api
Sushi2U
03.

Sushi2U

Sushi2U is a ReactJS SPA that uses React Context API to allow users to add/remove items to a shopping cart, as well as, send a fake order to Firebase.

reactjavascriptfirebase
WordPress WooCommerce Store
04.

WordPress WooCommerce Store

I built this project as part of my WordPress Advanced Business course through Udemy. The goal of this project was to create a functioning store using WordPress's WooCommerce plug-in. All items were created using sample data provided by WooCommerce.

wordpresswoocommercephpcss
WordPress Photography Blog
05.

WordPress Photography Blog

I created this site as a project for my WordPress Advanced Business course on Udemy. It allowed me to practice creating in a local setting and then migrate to a host (SiteGround). I learned how to manipulate databases and leverage file manager for updates.

wordpressphpcss
WordPress Cafe
06.

WordPress Cafe

I created this site as a project for my WordPress Advanced Business course on Udemy. The focus was to build a seamless scrolling homepage site using the tools provided.

Critix Movie App
07.

Critix Movie App

Critix Movie App is a SPA built using ReactJS with Redux toolkit for state management. I built this application as a project for my Full-Stack Engineering Career Path with Codecademy. I chose this specific project because I am a huge movie nerd and wanted a way to easily search movie information and find new movies to watch. Given how overwhelming other movie tools such as IMDB can be, I focus on simplicity in my design and rendering of data from TMDB API.

reactreduxjavascriptcss modulestmdb api
WordPress Fantasy Football
08.

WordPress Fantasy Football

I designed and developed this site for the Fantasy Front Office using wireframing and the WordPress dashboard. To make the site custom and improve UI, I used CSS to work outside the box of the theme selected.

wordpressphpsqlcss
Beta Codecademy Collaboration Project
09.

Beta Codecademy Collaboration Project

Built with a team of 4 developers. Throughout this project, I had weekly sprints with GitHub pull requests, as well as, daily standups, code reviews, and paired programming. All activity was planned around meeting a presentation deadline for the final project. I was largely involved with the state management (Redux), cart-persistence (local storage), and setting up data queries.

GatsbyJSjavascriptreduxCSS ModulesGraphQL
DevReddit
010.

DevReddit

An application using Reddit’s JSON API to deliver subreddit feeds for developers in a clean and organized UI. To build this, I used Redux Toolkit to store Reddit posts and user comments. This application leverages react-router-dom to handle simple routing and navigation.

copyright © 2022 ChrisDeCleene all rights reserved