Skip to content

This is my personal portfolio website, built with React and Tailwind CSS. It showcases my skills and experience as an AI Engineer, Data Scientist, and Data Analyst, along with a selection of my projects.

License

Notifications You must be signed in to change notification settings

Rayyan9477/react-portfolio

Repository files navigation

Rayyan Ahmed's Portfolio Website

Overview

This is my personal portfolio website, built with React and Tailwind CSS. It showcases my skills and experience as an AI Engineer, Data Scientist, and Data Analyst, along with a selection of my projects.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • React Icons: A library of customizable icons for React.
  • React Hot Toast: For displaying toast notifications.

Features

  • Responsive Design: The website is designed to be responsive and accessible on various devices.
  • Skills Showcase: Highlights my skills in programming languages, tools, frameworks, databases, and cloud services.
  • Project Portfolio: Showcases a selection of my projects with links to GitHub repositories and live demos (where available).
  • Services Offered: Outlines the services I offer as an AI Engineer, Data Scientist, and Data Analyst.
  • Downloadable Resume: Provides a link to download my resume in PDF format.
  • Contact Form: Allows visitors to contact me directly through the website.

Project List

  • OCR Image to Text: A Streamlit app that extracts text from images using OCR.
  • Contextual Chatbot: A contextual chatbot built with Streamlit for interactive conversations.
  • Hate Speech Detection: An app to detect hate speech in text, powered by NLP models.
  • House Price Prediction: A data-driven property recommendation and house price prediction app.
  • Chatbot Generative AI: A generative AI chatbot for interactive conversations.
  • Claim Guard: Healthcare Claim Integrity and Fraud Detection: A system for healthcare claim integrity and fraud detection.

Getting Started

  1. Clone the repository:

    git clone https://github.com/Rayyan9477/my-react-portfolio-main.git
  2. Navigate to the project directory:

    cd my-react-portfolio-main
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev

    This will start the development server and open the website in your default browser.

Deployment

The project is deployed using Vercel

Customization

  • Update Content: Modify the content in the components directory to personalize the website with your own information, skills, projects, and services.
  • Styling: Customize the styling by modifying the Tailwind CSS classes in the components.
  • Resume: Replace the public/resume.pdf file with your own resume.
  • Images: Update the images in the public/images directory with your own images.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Contact

Rayyan Ahmed

[email protected]

LinkedIn

GitHub

About

This is my personal portfolio website, built with React and Tailwind CSS. It showcases my skills and experience as an AI Engineer, Data Scientist, and Data Analyst, along with a selection of my projects.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published