what's inside this box?
this is my personal portfolio website where I showcase my projects, share my technical expertise, and document my professional journey. it serves as a comprehensive digital presence that highlights my skills and experience in modern web development.
key features:
- responsive design optimized for all devices 📱💻
- project portfolio showcasing live applications 🚀
- technical blog with development insights 💭
built with modern web technologies to ensure optimal performance and user experience. regularly updated with new projects and technical content.
feel free to explore and reach out for collaboration opportunities or technical discussions!
this project is built with the following technologies and frameworks:
to run this project locally, follow the installation and setup instructions below:
before getting started, ensure you have the following installed:
- pnpm (the fast, disk space efficient package manager)
npm install -g pnpm
- node.js (version 18.17.0 or higher)
or download from nodejs.org
nvm install 18.17.0 # recommended via nvm
follow these steps to set up a local development environment:
- clone the repository
git clone https://github.com/frer0t/site.git- navigate to the project directory
cd site- install dependencies
pnpm install- create environment variables file (
.env.local)
NEXT_PUBLIC_URL=http://localhost:3000
RESEND_KEY=your_resend_api_key
RESEND_AUDIENCE_ID=your_audience_id
RESEND_FROM_EMAIL=your@custom.domain
MONKEY_TYPE_KEY=your_monkey_type_api_key
- start the development server
pnpm dev- open your browser to http://localhost:3000 and start developing! ✨
the application should now be running locally on your development environment.
got cool ideas to make this site even more awesome? i'm all ears! 👂
if your brain is bubbling with improvements or you spotted something wonky:
- scoot over to the issues page
- smash that "new issue" button
- tell me all about your brilliant idea
- slap on a fancy tag like "enhancement" or "feature"
i love hearing fresh ideas! if your suggestion makes me go "wow!", it might just become part of the site!
this project is under the mit license - which basically means "do whatever but don't sue me" 😉 check out the LICENSE for the boring details.
frérot ntwali - me[at]frerot.dev
big high-fives to all these amazing resources that helped me build this site:
- next.js docs - the superhero framework for react
- react docs - the OG building blocks of modern web
- typescript handbook - because types make life better
- tailwind css docs - css without the tears
- framer motion docs - making things wiggle and jiggle
- mdx docs - markdown with superpowers
- react email docs - emails that don't look like they're from 1999
- react icons library - pretty pictures galore
- resend docs - email delivery that actually works
- zod docs - validating stuff like a boss
these tools are the real MVPs! 🏆 couldn't have built this digital fun house without them!