My Projects

This is a list of all projects that I have done. I have a chat app, a To-Do list in React and Node.js, a To-Do list in Python, and many more. Links to all these projects will be displayed below.

React Chat App

React Chat app. The object of this chat app is to allow users to communicate with each other in rooms. First the user will be able to sign up for the chat app. Users can use a real email or can make up a fake email, but it must have a @.com or @.ca email and the password they create must be minimum of 6 characters long. Once the users sign up, they will be taken to the chat room page where they will be greeted with a welcome message with the name they used to sign up. From there they can either use the rooms that have already been created or they can create a new room and once they are in the room, they can send messages. All message texts have colour for each user that is using the app. All messages are encrypted so users are not allowed to change each other messages.

JavaScript Do List

To-Do app that lets you enter a product name and the price and display it. Also lets you update the product by removing the product if there isn't anymore more of that product and replace it with another product.

Rest-API JavaScript

REST API for books which allows the user to add books, delete, edit or remove the books. Books can be any book but for this project I just used programming books.

Rest-API NodeJs Project

This a Nodejs Rest API using MySQL (backend). The object of this project to is pull records from MySQL and use the following RestAPI methods. The first method that was used is the GET method. This method allows the user to get all posts records from the DB. Post-add: Used to add post records from the DB, POST add post comment: Used to add post comment, PUT LIKE: Used to like post from each record in the DB, POST DISLIKE: Used to dislike post in the DB and POST DELETE: Used to delete post in the DB. In order to run the project you need to run it on your local machine use: localhost: 3000.

MongoDB Books Project

MongoDB Project that inserts, finds, deletes and updates books based on author, year, published date, etc. Coded in Python and uses MongoDB Atlas

MERN Project

MERN Project. In this project, I aim to develop a comprehensive full-stack Blog application using Node.js, Express, React, and MongoDB with modern JavaScript (ES6+) practices. The project will begin from scratch and conclude with a deployed full-stack application. This project helped me learn various aspects such as constructing a robust backend API with Node.js and Express, thorough API testing using Postman, seamlessly integrating React with the backend to establish an efficient workflow, creating a frontend that interacts with the API, and implementing MongoDB for handling GET and POST requests.

Python Book App

Python Book Application. The object of this Application is a book application. It gets the Id, Name, Description, ISBN, Page Count, Issued, Author and Year of all books that you Add, Edit, Delete and Refresh. The edit button in the application allows users to Edit a current book that is in the table. Delete Button allows user to delete a book that they no longer want, and the Refresh button allows all new books to be displayed once clicked on. There are two coloumns in the application. One is for books issued and books unissued. This means that when the user of the application adds a book the is a Yes or No button that allows the user to decide if the book has been published or not. If the book is not published it will be displayed in the Unissued table but if the book is published it will be displayed in the Books Issued table.

Python To Do List

This app lets users add tasks that they need to finish, or are completed. For example, if the tasks that the user needs to complete are groceries, gardening, pick up food etc they can add those items to the unfinished table list. Once they complete the items the user can click the done button and it will move the finished item to finished table task. Let's say the user half completed the task the user can click the unfinished button and move the task from finished to unfinished table and when they get a chance to fully finish the task, they can move it back to finished table task.

Django Project

Django web application project. Object of this project is to show case 2 mini projects (a webpage that displays whether it is Halloween or not and a reminder list) and a major project about airline (flights, places and passengers) Please refer to the ReadME file in the project.

JavaScript Piano Keyboard

Hard coded piano that I made with sound and background.

Movie Project

Movie Project which allow the user to add, delete or view different movies that the user wants to rate. Can also add a description of the movie and why they like it. Written in JavaScript, HTML, and CSS.

Apple Watch Project

Apple Watch Project. Allows the user to be able to choose between 4 different color watch bands. The apple watch allows the user show the time that is alows updated when running the program and also allows the sure to see a heart beat animation. The purpose of the project was to test my react skills and javascript skills.

E-Store Project

E-store Project. In this project, I aimed to build out a complete e-commerce site with multiple product categories, a product showcase, shopping cart feature, and much more. The following concepts: JSON server, Fetch API, and installing React router were essential building blocks that were used to render the product categories, style the product list, and configure the product details page. After following the concepts, I dove into styled components, refactoring the shop layout, and exploring the concept of “context” in React. In the final part of this project, I configured the shopping cart basket, and the checkout feature and implemented a product search feature and finally created a form to be able to allow users to be able ship the product to their address that they enter. Please refer to the GitHub pictures that is provided in the folder of the project.

Back to Home