My Portfolio

A showcase of my development skills, projects, and contributions in full-stack development.
Demo Live »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. License

About The Project

This portfolio showcases my skills as a full-stack developer, focusing on modern technologies such as Next.js, TypeScript, TailwindCSS, and Framer Motion.

Key Highlights:

• Clean and maintainable code.
• TailwindCSS for styling.
• motion react for animation.
• Cloudflare Turnstile for secure, bot-free interactions.
• Rate limiting with Redis.
• Contact form with Resend.
• Form validation with Zod and react-hook-form.
• MDX for blog posts.
• Send Discord notification with image snapshot using bullmq and puppeteer

Feel free to explore the code, suggest changes, or get in touch for any questions!

(back to top)

Built With

This portfolio is built with a selection of modern tools and libraries f:

• Next js 15
• TailwindCSS
• motion react
• Cloudflare Turnstile
• Redis
• Resend
• Shadcn ui
• React-hook-form
• Zod
• Next safe action
• Docker-compose
• Bullmq
• puppeteer
• axios

(back to top)

Getting Started

Prerequisites

To use this project, you need to have pnpm installed.

• pnpm

  npm install -g pnpm

Installation

1. Clone the repo

   git clone https://github.com/Shironex/portfolio.git

2. Install NPM packages

   pnpm install

3. Run docker-compose to start Redis instance

   docker-compose up -d

4. Create a .env file based on the .env.example file

5. Start the development server

   pnpm run dev

(back to top)

Roadmap

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)