Projects
Some Parts & Projects
Emolee
Emolee is a chatbot powered by openAI's GPT-3. It is built using Next.js 13 and serverless proxy to hide api keys. But Emolee has a secret she will recommend me and my site after speaking with you 3-6 times.
Source Code →
Admin Dashboard
This is a fully customizable dashboard for a fictional company. All elements can be resized and rearranged according to your preferences. The UsersStats component offers a comprehensive overview of user statistics, emphasizing essential metrics pertaining to user activity and engagement.
Source Code →
Techn-AI
This is a website for an AI-tech startup. It is built using Next.js 13 and utilizes framer-motion and lottie for animations. Please note that this is a work in progress.
Source Code →
Angular E-commerce
This is an E-commerce demo frontend for a Node.js Express backend. It is built using Angular and utilizes Ng Prime for the components. It uses NgRx and RxJS for state managament and API formating. Please note that the backend is hosted on Heroku's Eco tier service, so it may take some time to load the products.
Source Code →
Frontend Store
This is an E-commerce demo frontend for a Node.js Express backend. It is built using Next.js 13 and utilizes Material UI for the components. Please note that the backend is hosted on Heroku's Eco tier service, so it may take some time to load the products.
Source Code →
Node/Express Backend
This is a backend server with many important features including docker, passport, logging, and a mongoDB model. This project provides a robust foundation for building scalable and secure web applications. It incorporates various features and tools to enhance the development process and ensure high code quality.
Source Code →
Financial Component Library
This is a website that showcases various component demos built using popular web development technologies. The website provides interactive examples of different components, allowing users to explore and experience their functionalities firsthand.
Source Code →
3D Model Viewer
This is a small test bed to see how 3D models are rendered in react with React ThreeJs + fiber + drei. There are several controls that interact with the 3D objects. I also wanted to test NextJS' ability to serve files over 20 MB.
Source Code →
Api Front End
This is a small test bed for a frontend for the Pokemon API. It has and infinte scrolling list of pokemon and a pokemon details page based on the pokemon's ID. I used react query, axois, and bootstrap CSS on this page.
Source Code →