• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
riyo

riyo

my_portfolio

Public
Like
my_portfolio
Home
Code
4
backend
1
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://riyo--2a1d12443eaf11f0900476b3cceeab13.web.val.run
README.md

Portfolio Website - BTech CSE Student

A modern, responsive portfolio website for a 25-year-old Computer Science Engineering student specializing in Deep Learning and AI.

Features

  • Hero Section: Professional introduction with clear call-to-actions
  • About Me: Personal story and career aspirations
  • Projects: Showcase of AI/ML projects with detailed descriptions
  • Skills: Categorized technical and soft skills
  • Experience & Education: Timeline format for academic journey
  • Career Goals: Professional aspirations and future plans
  • Contact: Interactive contact form and social links

Tech Stack

  • Frontend: React 18.2.0 with TypeScript
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Backend: Hono.js for API endpoints
  • Storage: Val Town Blob for contact form submissions
  • Deployment: Val Town

Project Structure

β”œβ”€β”€ backend/
β”‚   └── index.ts          # Main API server with Hono
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/       # React components
β”‚   β”œβ”€β”€ index.html       # Main HTML template
β”‚   β”œβ”€β”€ index.tsx        # Frontend entry point
β”‚   └── style.css        # Custom styles
β”œβ”€β”€ shared/
β”‚   └── types.ts         # Shared TypeScript types
└── README.md

Features Implemented

  • βœ… Responsive design (mobile & desktop)
  • βœ… Modern UI with Tailwind CSS
  • βœ… Smooth animations with Framer Motion
  • βœ… Contact form with backend integration
  • βœ… Project showcase with tech stacks
  • βœ… Skills categorization
  • βœ… Professional timeline
  • βœ… Dark mode toggle
  • βœ… SEO optimized

Getting Started

The website is automatically deployed on Val Town. Simply visit the HTTP endpoint to view the portfolio.

Live Demo: The portfolio is now live and fully functional!

API Endpoints

  • GET / - Main portfolio website
  • POST /api/contact - Submit contact form
  • GET /api/contact/submissions - View all contact submissions (admin)
  • GET /api/health - Health check endpoint

Customization

To customize the portfolio:

  1. Update personal information in frontend/components/App.tsx
  2. Modify projects data in the projects section
  3. Update skills and experience information
  4. Customize colors and styling in frontend/style.css

Contact Form

The contact form is fully functional and stores submissions in Val Town Blob storage for easy retrieval.

HTTP
  • index.ts
    riyo--2a…13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.