This repository hosts the source code for my website, rafi-codes.dev. I built this project using the Next.js React framework. This is the second iteration of my portfolio. Version 1.0 can be found here.
- This codebase is a monorepo that contains both the front-end and back-end of my site
- Front-end: Next.js
- Back-end: Next.js + MongoDB
- Page routing is handled by Next.js through the
src/pagesdirectory - About Me page pulls the latest information from the database on each request, thanks to Next.js SSR
- Contact Me page uses Nodemailer + Google APIs to send form data to my email via an API route on my site
- Cool 3D animations are provided with the Three.js library
- All other animations are implemented with CSS
- Will update this accordingly!
- React.js basics and fundamentals
- Next.js basics and fundamentals
- How to create a highly performant app leveraging Next.js built-in features
- How to improve search engine optimization (SEO)
- How to create a full-stack Progressive Web App (PWA)
- How to design a clean User Interface (UI)
- How to give users a smooth User Experience (UX)
- How to implement custom styling without a CSS framework
- How to achieve mobile responsiveness with almost 0 media queries
- And much more!
- Continue to implement improvements/optimizations to the site, no matter how minor
- Stay up-to-date with current web technologies/trends and implement new features accordingly
- Implement the next version with Next.js and Three.js