eshanized.github.io

Welcome to the repository for eshanized's personal website! This site offers a concise overview of Eshan's work and interests.

🌐 Live Site

Explore the website at: eshanized.github.io

🛠️ Tech Stack

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for custom, responsive designs.
• HTML5: For the basic structure of the application.
• JavaScript (ES6+): The programming language for interactivity and logic.
• GitHub Pages: For hosting and deployment of the website.

📂 Repository Structure

eshanized.github.io/
.
├── eslint.config.js
├── index.html
├── package.json
├── package-lock.json
├── postcss.config.js
├── src
│   ├── App.tsx
│   ├── components
│   │   ├── about
│   │   │   ├── Biography.tsx
│   │   │   ├── Contact.tsx
│   │   │   ├── Education.tsx
│   │   │   └── Experience.tsx
│   │   ├── articles
│   │   │   ├── ArticleCard.tsx
│   │   │   ├── ArticleFilters.tsx
│   │   │   └── ArticleGrid.tsx
│   │   ├── common
│   │   │   └── TypeWriter.tsx
│   │   ├── ErrorBoundary.tsx
│   │   ├── Footer.tsx
│   │   ├── home
│   │   │   ├── BackgroundPattern.tsx
│   │   │   ├── Hero.tsx
│   │   │   ├── Skills.tsx
│   │   │   └── StatsCard.tsx
│   │   ├── Layout.tsx
│   │   ├── LoadingSkeleton.tsx
│   │   ├── Navbar.tsx
│   │   ├── projects
│   │   │   ├── ProjectCard.tsx
│   │   │   ├── ProjectFilters.tsx
│   │   │   ├── ProjectGrid.tsx
│   │   │   └── ProjectHeader.tsx
│   │   └── SEO.tsx
│   ├── context
│   │   └── ThemeContext.tsx
│   ├── data
│   │   └── skills.ts
│   ├── hooks
│   │   ├── useDevToArticles.ts
│   │   ├── useGitHubRepos.ts
│   │   └── useGitHubUser.ts
│   ├── index.css
│   ├── main.tsx
│   ├── pages
│   │   ├── About.tsx
│   │   ├── Articles.tsx
│   │   ├── Home.tsx
│   │   └── Projects.tsx
│   ├── settings.ts
│   ├── types
│   │   └── index.ts
│   ├── utils
│   │   ├── date.ts
│   │   └── filter.ts
│   └── vite-env.d.ts
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

🚀 Features

🎨 Modern and Aesthetic Design

• Built with React and Tailwind CSS for a sleek, professional look.
• Fully responsive layout that adapts seamlessly to different devices and screen sizes.
• Dark and light mode support for an improved user experience.

⚡ High Performance

• Optimized React components ensure fast loading and smooth transitions.
• Utilizes Tailwind's efficient CSS framework to minimize unnecessary styling and improve maintainability.

🔍 Interactive UI

• Dynamic navigation for a smooth browsing experience.
• Engaging animations and hover effects powered by React and Tailwind.

🛠️ Customizable Components

• Modular and reusable components for easy updates and expansion.
• Easily extendable with Tailwind's utility-first design philosophy.

🌐 SEO and Accessibility

• Semantic HTML5 structure and React's built-in accessibility features.
• Meta tags optimized for search engines to improve visibility.

🚀 Deployment-Ready

• Deployed using GitHub Pages for quick and easy hosting.
• Continuous deployment pipeline ensures the live site is always up to date.

📝 Scalable Codebase

• Built with maintainability in mind, following best practices for React and Tailwind CSS.
• Scalable architecture for future feature additions or redesigns.

🤝 Contributing

Contributions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-name).
3. Make your changes and commit (git commit -m "Add feature-name").
4. Push to your branch (git push origin feature-name).
5. Open a pull request.

For detailed guidelines, refer to the CONTRIBUTING.md.

📄 License

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

👤 Eshan Roy

• GitHub: eshanized
• DEV Community: eshanized
• X (formerly Twitter): @eshanized
• Threads: @eshanized
• GitLab: eshanized