Skip to content

MyMind - This project showcases my skills and experience as a developer through a collection of my work and achievements. Built using ReactJS, this portfolio highlights my proficiency in modern AI/ML, Python and web technologies.

License

Notifications You must be signed in to change notification settings

sibisiddharth8/portfolio-react

Repository files navigation

MyMind - Sibi Siddharth S Portfolio

Welcome to MyMind, the dynamic portfolio website of Sibi Siddharth S. This portfolio showcases my work and achievements, built with ReactJS, Tailwind CSS, and Firebase for backend integration. It is optimized for a seamless experience across both desktop and mobile devices.

🌐 Live Preview

Explore the live portfolio here.

⚠️ Important Notice

If you plan to use this repository for your own projects, please ensure to remove or replace the following tracking codes from the Public/index.html file:

  • Google Analytics
  • Microsoft Clarity

These scripts are located in the header section. Retaining them may lead to tracking data being sent to my accounts, potentially causing privacy concerns for you and your users.


✨ Features Overview

1. Navbar

  • Provides quick navigation to About, Skills, Experience, Projects, and Education sections.
  • Includes a button to access my GitHub profile.

Desktop View:

Navbar - Desktop

Mobile View:

Navbar - Mobile

2. About

  • Displays my name, roles, a brief description, and a CV download button.

Desktop View:

About Section - Desktop

Mobile View:

About Section - Mobile

3. Skills

  • Organized into four dynamic cards: Frontend, Backend, AI/ML, and Others.
  • Each card showcases multiple skills with individual icons for clarity.

Desktop View:

Skills Section - Desktop

Mobile View:

Skills Section - Mobile

4. Experience

  • Features dynamic cards displaying company logos, names, roles, years of service, and specific skills used.

Desktop View:

Experience Section - Desktop

Mobile View:

Experience Section - Mobile

5. Projects

  • Includes a filter to sort projects by All, Web, Deep Learning, and Machine Learning.
  • Displays project cards (3 per row on desktop, 1 per row on mobile) with images, tags, names, durations, descriptions, team members, GitHub links, and a copy link button.
  • Clicking a project opens a modal with a detailed view, including a larger image, full description, team profiles, and links to view the code or live app (if provided).

Desktop View:

Projects Section - Desktop

Mobile View:

Projects Section - Mobile

6. Education

  • Contains cards showing institution logos, names, degrees, branches, years attended, grades, and brief descriptions.

Desktop View:

Education Section - Desktop

Mobile View:

Education Section - Mobile

7. Contact Form

  • Features a contact form connected via EmailJS for collaboration purposes (currently disabled).

Desktop View:

Contact Form - Desktop

Mobile View:

Contact Form - Mobile

8. Footer

  • Displays the creator's name, links to all sections, social media icons, a portfolio download button, and a copyright message.

Desktop View:

Footer - Desktop

Mobile View:

Footer - Mobile


🔧 Technologies Used

  • ReactJS: Frontend framework for building the user interface.
  • Tailwind CSS: Utility-first CSS framework for styling and responsive design.
  • Firebase: Backend service for authentication, database, and hosting.
  • EmailJS: Service for integrating the contact form (currently disabled).

📱 Responsive Design

The portfolio is fully responsive and optimized to provide a seamless experience on both desktop and mobile devices.


Feel free to explore and reach out if you have any questions or feedback!