My Personal Software Projects

These are the most recent software development projects that I have been working on. Each project is hosted on the internet so that anyone can easily view them on their own device. Also, if you would like to view the code for a specific project, there is a link to a github page for each website. Please, take a look!

Amazon Clone

Amazon Clone

Amazon Clone was created within the React framework Nextjs. It includes a list of items generated by the Fake Store API while the responsive layout was developed in Tailwind CSS. Items can be added to a checkout session thanks to Redux state management. Authentication is handled by the library NextAuth and allows users to log in using either their Google account or their GitHub account. Users can also purchase the items in their basket using Stripe's checkout feature. However, since this is a demo, no actual money transactions will be deducted from a real bank. This full-stack application also utilizes webhooks to update the user's checkout information and store the information about the items purchased within the backend cloud storage platform Firebase.

Spaces

Spaces

A real-time messaging application that utilizes WebSockets to allow for bi-directional communication between online users within a specific chat room created by the users themselves. Users will be asked to either log-in or create an account before using the application. After the right credentials are inputted and verified through Firebase, the user will be asked to input a room name. If two users input the same room name, users who are inside that same room will be able to converse with each other. Socket.io alongside Node.js, is what powers that backend by emitting events that allow each user connected to the server to communicate with each other. I created this app to understand more about online communication and WebSockets.

GrandBuffet

GrandBuffet

This is a mock restaurant website based on many modern websites that exist on the internet today. I created the design of the website's logo in Adobe Illustrator and designed the website itself in Adobe XD. It runs as a single-page application without any JavaScript frameworks such as React.js or Vue.js. This website also functions as a native web application with Node.js and Express being utilized within the backend to assist with client-side routing. All of the views in the frontend folder display content using class-based functions. Content within those files is distributed throughout the app using ES6 JavaScript. The views change depending on which page the user visits. Also, everything is rendered using a singular HTML Page.

MusicPlayer

MusicPlayer

This is a small music player project created using JavaScript, HTML, and CSS files. The various features of the music player are controlled by functions within the musicplayer.js file. The song files are stock audio from Adobe's stock audio website. The icons used in this project are imported from Font Awesome's website. My objective for this website was to understand how to play audio through a web application hosted on the internet. I also listen to music daily so I thought it would be fun to incorporate activities that I do in my daily life into my work. One of my hobbies is music creation and programming is another way that I can have fun showcasing it. It was a pleasure to work on this and I'd like to learn how to be more creative with JavaScript in the future.

Blog Website

Blog Website

I am planning on creating my own version of a blog website. The website Hygraph will be hosting all of my content. This upcoming project will also be developed in Next.js. Also, the views and the responsiveness will be constructed using TailwindCSS. I wanted to create a website that updates any viewer on my daily activities. Whether it's about what is going on in my personal life or it's about what is going on in the world, I'd like to share my experience with those who would like to listen. There is an existing repo for this project. However, the website is currently under maintenance. I will provide a link once I publish the improvements to my website. To check for any updates, please click on the GitHub button below. Thank you for your patience!

Contact Links

Copyright © 2022 Marquis Sampson. All Rights Reserved.