My Projects
These projects showcase my journey from technical support to full-stack development. Each one represents a step in my learning process and demonstrates my growing skills in web development.
Next.js
React
Supabase
TypeScript
Tailwind CSS
React Query
shadcn-ui
Zustand
Steven by PrintTrail
An advanced events management web app designed for couples and wedding planners. Streamline your event planning process with our intuitive interface and powerful features.
Key Learnings:
- Implemented efficient state management using Zustand for client-side state and React Query for server state management and data fetching
- Integrated Supabase for real-time database operations and authentication
- Developed a responsive and accessible UI using shadcn-ui components and Tailwind CSS
- Leveraged TypeScript for improved code quality and developer experience
React
TypeScript
Tailwind CSS
Framer Motion
PrintTrail
A sleek and modern landing page for PrintTrail, showcasing our print-on-demand services. Experience the future of printing with just a few clicks.
Key Learnings:
- Optimized performance using React's useMemo and useCallback hooks
- Implemented smooth, engaging animations with Framer Motion to enhance user experience
- Utilized TypeScript for type-safe development and improved code maintainability
- Created a responsive design system using Tailwind CSS for efficient styling
Next.js
React
Prisma
PostgreSQL
Clerk
Resourcify
An inventory management web app tailored for small businesses. Keep track of your stock with ease and efficiency.
Key Learnings:
- Designed and implemented a RESTful API with Next.js API routes for efficient data handling
- Utilized Prisma with PostgreSQL for type-safe database queries and robust data management
- Implemented secure authentication and user management using Clerk
- Leveraged Next.js for server-side rendering and optimized page loading
Next.js
React
Convex
TypeScript
Clerk
Fi Lestorage
A secure file storage service with robust user authentication and authorization. Store and manage your files with confidence.
Key Learnings:
- Implemented secure file upload and storage using Convex's real-time backend
- Developed a robust authentication and authorization system with Clerk
- Utilized TypeScript for type-safe development and improved code quality
- Leveraged Next.js for optimized routing and server-side rendering capabilities