Skip to content

TechPertz/techpertz.github.io

Repository files navigation

ReetNandy.com: My Portfolio Website 🌐

Welcome to the repository for ReetNandy.com – a modern, responsive, and feature-rich portfolio website showcasing my skills, projects, and achievements. Built using cutting-edge technologies, this website is optimized for performance, SEO, and an enhanced user experience.


πŸš€ Features

  • Modern Frontend Stack: Built with Next.js 14, TypeScript, and Tailwind CSS for a sleek, responsive, and modular design.
  • Dynamic Routing and SSR: Implements server-side rendering (SSR) and dynamic routing for optimal SEO and performance.
  • Interactive User Experience: Features include:
    • Project filtering system for tailored content display.
    • Smooth scrolling with intersection observer for seamless navigation.
    • Dark mode theming for a personalized user interface.
  • Responsive Design: Fully responsive and mobile-friendly layout for a consistent experience across devices.
  • CI/CD Automation: Automated deployment pipeline using GitHub Actions, with optimized build processes and integration for GitHub Pages.
  • Custom Domain: Hosted at ReetNandy.com with custom domain integration.

πŸ› οΈ Technologies Used

Category Technologies
Frontend Next.js 14, React, TypeScript, Tailwind CSS
CI/CD GitHub Actions
Hosting GitHub Pages
Other Intersection Observer API, Responsive Design Patterns

πŸ“‚ Project Structure

.
β”œβ”€β”€ public/             # Static assets (images, icons, etc.)
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/     # Reusable React components
β”‚   β”œβ”€β”€ pages/          # Next.js dynamic routing
β”‚   β”œβ”€β”€ styles/         # Tailwind CSS configurations
β”‚   └── utils/          # Utility functions
β”œβ”€β”€ .github/            # GitHub Actions CI/CD workflows
β”œβ”€β”€ package.json        # Dependencies and scripts
└── README.md           # Project documentation

πŸš€ Getting Started

Follow these steps to run the project locally:

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/TechPertz/techpertz.github.io.git
    cd techpertz.github.io
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Open http://localhost:3000 in your browser to see the website.


πŸ“¦ Deployment

This project is configured for GitHub Pages hosting with a fully automated GitHub Actions CI/CD pipeline. The deployment workflow:

  1. Push changes to the main branch.
  2. GitHub Actions automatically builds and deploys the site.
  3. The live site is hosted at https://reetnandy.com.

πŸ“Œ Future Improvements

  • Add a blog section with markdown support for writing technical articles.
  • Implement analytics to track website visits and user engagement.
  • Introduce animations using Framer Motion for enhanced interactivity.

πŸ”— Links


πŸ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.


🀝 Acknowledgments

Special thanks to all the open-source libraries and tools that made this project possible.


About

Portfolio Website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published