🌌 Digital Universe | Full Stack Developer Portfolio

Welcome to my digital space! This is a state-of-the-art, cosmic-themed portfolio built with modern web technologies. It features a futuristic UI, smooth animations, and a focus on my journey as a Java Full Stack Developer.

🌐 Live Demo

You can view the live version of my portfolio here: https://subhashree0454.github.io/myportfolio/

🌌 Features

• Cosmic UI/UX: A dark-themed, immersive experience with grid backgrounds and neon accents.
• Interactive Terminal: A custom-built developer console showcasing skills and personality.
• Responsive Design: Fully optimized for all screen sizes (Desktop, Tablet, Mobile).
• Smooth Animations: Powered by Framer Motion for a fluid, premium feel.
• Dynamic Projects: Interactive project cards with detailed descriptions and links.
• Dark Mode Support: Seamless theme switching for comfortable viewing.
• SEO Optimized: Built with performance and visibility in mind.

🛠️ Tech Stack

• Framework: React 18 with Vite
• Language: TypeScript
• Styling: Tailwind CSS
• Components: Shadcn UI (Radix UI)
• Animations: Framer Motion
• Icons: Lucide React
• State Management: TanStack Query
• Routing: React Router 6
• Forms: React Hook Form & Zod

🚀 Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

• Node.js: v18 or higher
• Package Manager: npm or bun

Installation

1. Clone the repository

   git clone https://github.com/subhashree0454/myportfolio.git

2. Navigate to the project directory

   cd myportfolio

3. Install dependencies

   npm install

4. Start the development server

   npm run dev

🚢 Deployment

The project is configured for automated deployment to GitHub Pages via GitHub Actions.

1. Go to your repository settings on GitHub.
2. Navigate to Pages in the sidebar.
3. Under Build and deployment, set Source to GitHub Actions.
4. Push any changes to the main branch, and the site will automatically deploy!

📂 Project Structure

src/
├── components/     # Reusable UI components (Shadcn + Custom)
├── sections/       # Main portfolio sections (Hero, About, Experience, etc.)
├── hooks/          # Custom React hooks
├── lib/            # Utility functions and configurations
├── App.tsx         # Main application entry & routing
└── main.tsx        # React DOM rendering

📄 License

Distributed under the MIT License. See LICENSE for more information.

---

Built with ❤️ by Subhashree Sahu.