CodeOnTheWall
Full Stack Software Developer. I enjoy picking apart problems and thinking about the overall architecture of a project.
Pinned Repositories
AI-Prompt-Maker-NextJS
Using all the new features of NextJS 13.4 (stable app dir), this AI prompt sharing full stack app (via new server routes) has complete CRUD operations, uses next-auth 2023, and mongodb for the db. Users can be authenticated to post amazing prompts to use with AI tools, and authorized to edit or delete only their own posts, and view (read) others.
Ascension-Marketing
Landing Page for a Marketing Company. This website utilizes NextJs 13 app dir (stable) as well as tailwindcss and framer motion for beautiful styling.
dev-test-exercise
E-commerce-SAAS-NextJS
An Admin E-commerce SAAS application to make other E-commerce stores using custom CMS. Uses MySql with prisma, Clerk for Auth, Shadcn for components, and Typescript for type safety (including zod for form type safety).
Ecommerce-MERN
Expense-Tracker
improved-portfolio
my personal landing page made with nextjs 13 app dir, tailwind css, and advanced framer motion including variants
JJ-Serene-Therapy-NextJS
Website for an Osteopath. Full Stack app using route handlers, and server actions with MongoDB. Users can register and book appointments, and the Osteopath and see that data in datatables, and also add notes to said data table
Nutritiva
Nutritionist Website made with NextJS 13.4 (stable), includes stripe payments and booking via Calendly api. Beautiful Frontend made with tailwindcss and framer motion, back end powered with Sanity v3
techNotes-MERN
MERN stack app. To communicate with backend REST api, as well as employ superior and efficient caching, I use Redux Toolkit Query. This helps reduce unnecessary api calls, and component re renders via the caching system, and using memoized selectors. For authentication and authorization, I employ JWT's which help protect specific routes.
CodeOnTheWall's Repositories
CodeOnTheWall/Nutritiva
Nutritionist Website made with NextJS 13.4 (stable), includes stripe payments and booking via Calendly api. Beautiful Frontend made with tailwindcss and framer motion, back end powered with Sanity v3
CodeOnTheWall/E-commerce-SAAS-NextJS
An Admin E-commerce SAAS application to make other E-commerce stores using custom CMS. Uses MySql with prisma, Clerk for Auth, Shadcn for components, and Typescript for type safety (including zod for form type safety).
CodeOnTheWall/improved-portfolio
my personal landing page made with nextjs 13 app dir, tailwind css, and advanced framer motion including variants
CodeOnTheWall/AI-Prompt-Maker-NextJS
Using all the new features of NextJS 13.4 (stable app dir), this AI prompt sharing full stack app (via new server routes) has complete CRUD operations, uses next-auth 2023, and mongodb for the db. Users can be authenticated to post amazing prompts to use with AI tools, and authorized to edit or delete only their own posts, and view (read) others.
CodeOnTheWall/Ascension-Marketing
Landing Page for a Marketing Company. This website utilizes NextJs 13 app dir (stable) as well as tailwindcss and framer motion for beautiful styling.
CodeOnTheWall/dev-test-exercise
CodeOnTheWall/Ecommerce-MERN
CodeOnTheWall/Expense-Tracker
CodeOnTheWall/food-order-app
In this pure front end react app, I thoroughly practiced the various react hooks such as useState, useEffect, useContext, useReducer, and also making my own custom hooks. This also allowed to to brush up on my JavaScript within the cart logic and around the app.
CodeOnTheWall/JJ-Serene-Therapy-NextJS
Website for an Osteopath. Full Stack app using route handlers, and server actions with MongoDB. Users can register and book appointments, and the Osteopath and see that data in datatables, and also add notes to said data table
CodeOnTheWall/myportfolio
My personal portfolio page/resume. Utilizes new NextJS 13 app dir and Sanity v3 to power the backend. Designed with Framer Motion and Tailwind CSS
CodeOnTheWall/nodejsBegPractice
routing, middleware, express, authentication/authorization, protected routes, jwts/accesstokens/refreshTokens, user roles, mongoose and mongo, async CRUD
CodeOnTheWall/techNotes-MERN
MERN stack app. To communicate with backend REST api, as well as employ superior and efficient caching, I use Redux Toolkit Query. This helps reduce unnecessary api calls, and component re renders via the caching system, and using memoized selectors. For authentication and authorization, I employ JWT's which help protect specific routes.
CodeOnTheWall/yelpCamp
Pure FullStack JavaScript Campsite review website utilizing Node API calls and MongoDB/Mongoose
CodeOnTheWall/Image-Generator-NextJS
NextJS 13.4 stable app dir showcasing the new core features such as static, dynamic, client, and ISR data fetching and caching. I also include dynamic (generateMetadata) within dynamic routes. Written completely in Typescript
CodeOnTheWall/surgery-clinic
client project for a same day surgery clinic. Working on inventory system and clinic creation for now
CodeOnTheWall/top-gainers-losers-vuejs
A SPA displaying the top gainers and losers in the US equities market. Built with VueJS 3 and the compositions api.