Skip to content

Mr-KRAMA/DEV-PROFILE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

19 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ‘จโ€๐Ÿ’ป Khande Rameshwar - Personal Portfolio

React TypeScript Tailwind CSS Vite

A modern, responsive personal portfolio showcasing my journey as a Computer Science student and aspiring Software Developer


๐ŸŒŸ About Me

Hi! I'm Khande Rameshwar, a passionate Computer Science student currently pursuing my Bachelor's degree with a focus on full-stack development. I'm dedicated to creating innovative solutions through code and am actively seeking internship opportunities to further develop my skills in the tech industry.

  • ๐ŸŽ“ Computer Science Student at Pune University
  • ๐Ÿ’ผ Available for Internships and full-time opportunities
  • ๐Ÿ“ Location: Pune, Maharashtra
  • ๐Ÿ“ง Email: rameshwark802@gmail.com

โœจ Features

  • ๐ŸŽจ Modern UI/UX - Clean, professional design with dark/light theme support
  • ๐Ÿ“ฑ Fully Responsive - Optimized for all devices (mobile, tablet, desktop)
  • โšก Fast Performance - Built with Vite for lightning-fast development and builds
  • ๐ŸŽญ Theme Support - Toggle between light and dark modes
  • ๐Ÿ—๏ธ Component Architecture - Modular React components with TypeScript
  • ๐ŸŽฏ Project Showcase - Featured projects with live demos and source code links
  • ๐Ÿ“Š Skills Visualization - Interactive progress bars and technology badges
  • ๐Ÿ“ฌ Contact Integration - Direct links to email, LinkedIn, and GitHub
  • ๐Ÿ–ผ๏ธ Image Optimization - Fallback images and lazy loading for better performance

๐Ÿ› ๏ธ Tech Stack

Frontend Framework

  • React 19.1.1 - Modern React with hooks and concurrent features
  • TypeScript 5.8.3 - Type-safe JavaScript development
  • Vite 7.1.6 - Next-generation frontend tooling

Styling & UI

  • Tailwind CSS 4.1.13 - Utility-first CSS framework
  • ShadCN UI - Modern UI component library
  • Radix UI - Headless UI components for accessibility
  • Lucide React - Beautiful icon library

Development Tools

  • ESLint - Code linting and formatting
  • React Hook Form - Performant forms with easy validation
  • Zod - TypeScript-first schema validation
  • Recharts - Composable charting library

Additional Libraries

  • Date-fns - Modern JavaScript date utility library
  • Embla Carousel - Lightweight carousel component
  • Class Variance Authority - Component variant management
  • Tailwind Merge - Utility for merging Tailwind classes

๐Ÿ“‚ Project Structure

dev-profile/
โ”œโ”€โ”€ public/                 # Static assets
โ”‚   โ””โ”€โ”€ vite.svg
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/         # React components
โ”‚   โ”‚   โ”œโ”€โ”€ ui/            # Reusable UI components (ShadCN)
โ”‚   โ”‚   โ”œโ”€โ”€ figma/         # Figma-related components
โ”‚   โ”‚   โ””โ”€โ”€ img/           # Project images
โ”‚   โ”œโ”€โ”€ assets/            # Static assets
โ”‚   โ”œโ”€โ”€ lib/               # Utility functions
โ”‚   โ”œโ”€โ”€ App.tsx            # Main application component
โ”‚   โ”œโ”€โ”€ main.tsx           # Application entry point
โ”‚   โ””โ”€โ”€ index.css          # Global styles
โ”œโ”€โ”€ Screenshot/             # Portfolio screenshots
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ tsconfig.json
โ”œโ”€โ”€ vite.config.ts
โ””โ”€โ”€ README.md

๐Ÿš€ Featured Projects

๐ŸŒŸ ChatApp

  • Description: Real-time chat application built with the MERN stack
  • Features: User authentication, group chats, instant messaging
  • Tech Stack: React, Node.js, Express.js, MongoDB, Tailwind CSS
  • GitHub: View Code
  • Status: Featured Project

๐ŸŒค๏ธ Weather Dashboard

  • Description: Live weather dashboard with forecasts for any city
  • Features: Current conditions, weather API integration
  • Tech Stack: JavaScript, HTML, CSS, Weather API
  • GitHub: View Code
  • Status: Featured Project

๐ŸŽฎ Quiz Application

  • Description: Interactive quiz app with timer and scoring system
  • Features: Multiple choice questions, score tracking
  • Tech Stack: JavaScript, HTML, CSS
  • GitHub: View Code

๐Ÿ›๏ธ Bhakti E-commerce Website

  • Description: Niche e-commerce platform with product listings
  • Features: Shopping cart, user authentication
  • Tech Stack: HTML, CSS, JavaScript
  • GitHub: View Code

๐ŸŽฌ Netflix Clone

  • Description: Movie streaming platform clone
  • Features: Browse movies, watch trailers, user interface
  • Tech Stack: React, JavaScript, CSS
  • GitHub: View Code
  • Live Demo: View Site

๐Ÿ“ธ Portfolio Screenshots

Desktop View

Portfolio Desktop View

Mobile View

Portfolio Mobile View


๐Ÿ† Skills & Expertise

Programming Languages

  • JavaScript/TypeScript (90%) - Primary development language
  • Python (85%) - Data analysis and automation
  • Java (80%) - Object-oriented programming
  • C/C++ (75%) - System programming
  • Solidity (65%) - Blockchain development
  • Rust (60%) - Systems programming

Frontend Development

  • React/Next.js (90%) - Modern React development
  • HTML/CSS (92%) - Semantic markup and styling
  • Tailwind CSS (85%) - Utility-first CSS framework

Backend & Database

  • Node.js (82%) - Server-side JavaScript
  • Express.js (80%) - Web application framework
  • MongoDB (75%) - NoSQL database
  • PostgreSQL (78%) - Relational database

Tools & Technologies

  • Git/GitHub (90%) - Version control and collaboration
  • Figma (85%) - UI/UX design
  • REST APIs (85%) - API development and integration
  • Docker (70%) - Containerization
  • AWS (65%) - Cloud services
  • CI/CD (70%) - DevOps practices

๐Ÿš€ Getting Started

Prerequisites

  • Node.js (version 18 or higher)
  • npm or yarn package manager
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/Mr-KRAMA/DEV-PROFILE.git
    cd DEV-PROFILE
  2. Install dependencies

    npm install
  3. Start development server

    npm run dev
  4. Open your browser Navigate to http://localhost:5173 to view the portfolio

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint for code quality

๐ŸŒ Live Demo

Portfolio Website: View Live (Add your deployed URL here)


๐Ÿ“ž Contact Information

I'm always interested in new opportunities and collaborations! Feel free to reach out:


๐Ÿค Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

๐Ÿ“„ License

This project is open source and available under the MIT License.


๐Ÿ™ Acknowledgments

  • ShadCN UI for the amazing component library
  • Radix UI for accessible component primitives
  • Tailwind CSS for the utility-first CSS framework
  • React community for continuous innovation
  • Open source contributors who make development awesome

Made with โค๏ธ by Khande Rameshwar

Building the future, one line of code at a time

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages