I've been coding for about five years now. My main focus has been on the frontend (especially React and Webflow). I use Node and Express on the backend, along with MongoDB or MySQL for my database. Sanity.io or Webflow for a CMS.
I record tutorials on YouTube, and write blogs as well. I recently developed MusicTalk, an app where users post about music. They can follow users, like posts, and comment on posts. For this application, I used React, Redux, and MySQL. You can find all of my code on my Github Page.
⬆
This Kawasaki site is done with just HTML and CSS, but I think it really shows off what I can do when working with a designer. There's a touch of Javascript to show/hide the navigation menu on mobile. Along with a nice transition while the menu opens and closes.
⬆
This twitter-like application, Post-A-Joke, is more dynamic. Users can make an account, post jokes, follow other users, and see their jokes. I store the users and their jokes in MongoDB/MLab. When they search for friends, I show a list of users from the database, and have a search field where they can type in a username, and it will filter the available usernames. When they click on the username "add friend button," I use an ajax call on the spot to add the username to the user's friends. I replace the username with a text that says, "Added!", without refreshing the page. When the user views all of the jokes, I pull all of their friends' jokes from the database, put them in chronological order, then display them in that order.
- Video Demo -
⬆
For this Fitness Tracker app, I used React, Gatsby, Redux, and Firebase's realtime database. After making an account, users can save each exercise, then save the finished workout. I save each exercise in local storage, so it persists if they leave the page and come back. When they save the workout, I take the exercises from the local storage, attach the date to the beginning of the array, and save the workout in the database. When displaying all previous workouts, I reverse the order so it's displayed most recent to oldest. I made a Workout Component where I display the date and the list of exercises. I loop through all of the workouts, take the date from each array, then use the Workout Component to display the date and the exercises for each workout. Users can delete workouts as well.
- Video Demo -
⬆
MusicTalk is a facebook clone where users post about music. Users can make posts and follow other users to see their posts. They can like posts and comment on posts. On the profile page, I show the user's posts and up to six friends. If they haven't made a post, I let them know and show a link that says "create one." If they don't have any friends, I show an extra link to Find Friends in place of where the list of Friends would be. Built with React, Redux, Node, and MySQL.
- Video Demo -