https://github.com/rjumatov/portfolio
⚡ Freelance software developer portfolio built with Next.js
https://github.com/rjumatov/portfolio
biome contentful graphql motion next next-intl next-themes nodemailer playwright react-email react-hook-form supabase tailwindcss zod
Last synced: 2 months ago
JSON representation
⚡ Freelance software developer portfolio built with Next.js
- Host: GitHub
- URL: https://github.com/rjumatov/portfolio
- Owner: rjumatov
- License: agpl-3.0
- Created: 2024-11-08T07:45:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T21:33:03.000Z (over 1 year ago)
- Last Synced: 2025-03-14T22:27:39.259Z (over 1 year ago)
- Topics: biome, contentful, graphql, motion, next, next-intl, next-themes, nodemailer, playwright, react-email, react-hook-form, supabase, tailwindcss, zod
- Language: TypeScript
- Homepage:
- Size: 11 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Freelance Developer Portfolio
> ⚠️ Note: This repository is not actively maintained anymore.
> The current version of my portfolio is private and replaces this one.
> You can see the live website here: [jumatov.com](https://jumatov.com)
## Overview
This repository contains the source code for my personal website, designed to highlight my expertise, experience, and services as a freelance software developer.
## Features
- 🌍 **Multi-Language Support**: Fully localized content with [next-intl](https://next-intl.dev/) to cater to a global audience
- ✅ **Form Validation**: Built with [react-hook-form](https://react-hook-form.com) and [zod](https://zod.dev) for reliable, smooth user experience
- 💾 **Form Integration**: Stores submissions in [Supabase](https://supabase.com) for seamless backend management
- 📧 **Email Verification**: Secures form submissions with an email verification process using [Nodemailer](https://nodemailer.com)
- 🪷️ **Email Templating**: Generates beautiful, customizable emails with [React Email](https://react.email/) using React and TypeScript
- 📄 **Content Management**: Manages content via [Contentful](https://contentful.com), integrated with [GraphQL](https://graphql.org/) queries
- 🌙 **Dark Mode Support**: Supports light/dark mode switching with [next-themes](https://github.com/pacocoursey/next-themes)
- 📱 **Mobile-First Styling**: Ensures a responsive, fluid layout across all devices with [Tailwind CSS](https://tailwindcss.com)
- 👁 **Accessibility Testing**: Automatically detects WCAG A & AA violations using [axe-core](https://github.com/dequelabs/axe-core)
- 🖋️ **Modern Typography**: Uses the [Geist font](https://vercel.com/font) from Vercel for clean, readable text
- 🌀 **Smooth Animations**: Enhances the user experience with engaging animations powered by [Motion](https://motion.dev/)
## Commands
Run these commands to interact with the project:
- 🖥️ `npm run dev`: Start the local development server
- 🧩 `npm run dev:mock`: Start the local development server with mocked data using _MSW_
- 📦 `npm run build`: Build the project for production and prefetch _Contentful data_
- 🚀 `npm run start`: Run the production server
- 🧑💻 `npm run check`: Check for code issues using _Biome_ (linting, formatting, TypeScript)
- 🎨 `npm run check:fix`: Apply fixes for fixable issues with _Biome_
- 🧪 `npm test`: Run unit tests with _Vitest_
- 🎭 `npm run test:e2e`: Run end-to-end tests with _Playwright_ including _axe-core_ accessibility tests
- 🧬 `npm run types:generate`: Generate types for _GraphQL queries_ and _Supabase schema_