Akshat Soni | Portfolio V2

A high-performance, brutalist portfolio website showcasing my work as a Full Stack Developer. Built with Next.js, Tailwind CSS, and FastAPI.

🔗 Live Site: https://akshat3410.github.io/akshat.dev/

✨ Design Aesthetic

High-Fashion Brutalism:

• Palette: Deep Black (#050505), Stark White (#FFFFFF), Brutal Red (#FF4500).
• Typography: Massive, outlined sans-serif headers paired with technical monospace data.
• Experience: Cinematic entrance, system boot sequences, and physics-based interactions.

🛠️ Tech Stack

Frontend (frontend-next)

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Framer Motion (Complex animations & transitions)
• GSAP (High-performance scroll effects)

Backend (backend)

• FastAPI (Python)
• SQLite (Database)
• FastAPI-Mail (Contact form handling)
• Docker (Containerization support)

🚀 Getting Started

Prerequisites

• Node.js 20+
• Python 3.10+
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/akshat3410/akshat.dev.git
   cd akshat.dev

2. Frontend Setup

   cd frontend-next
   npm install
   npm run dev
   # Runs on http://localhost:3000

3. Backend Setup

   cd backend
   python -m venv venv
   source venv/bin/activate  # On Windows: venv\Scripts\activate
   pip install -r requirements.txt
   uvicorn app.main:app --reload
   # Runs on http://localhost:8000

📧 Email Configuration

For the contact form to function, set up your environment variables in backend:

1. Create .env or set manually:

   export MAIL_USERNAME="your-email@gmail.com"
   export MAIL_PASSWORD="your-app-password"

📁 Project Structure

akshat.dev/
├── frontend-next/      # Next.js Application
│   ├── src/
│   │   ├── components/
│   │   │   ├── layout/    # Sections (Hero, Projects, Contact)
│   │   │   ├── ui/        # Brutalist UI (Buttons, Preloader, Cards)
│   │   │   └── animations/# Framer Motion & GSAP logic
│   │   └── app/           # App Router pages
│
├── backend/            # FastAPI Application
│   ├── app/
│   │   ├── api/           # Endpoints (routes.py)
│   │   └── schemas.py     # Pydantic models

📝 License

© 2026 Akshat Soni. All rights reserved.

🌐 Connect

• LinkedIn
• GitHub
• Twitter