FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
riyo
riyomy_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 miliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
…
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.

Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.