portfolio-react

KO | EN

gitlite — search

#react #python #nodejs #javascript #dart #flutter #nextjs #android #golang #php #dotnet #mern-stack

portfolio-react

★ 32 Open GitHub ↗

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.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://sibisiddharth8.github.io/portfolio-react/).

## ⚠️ 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](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/navbar.png)

**Mobile View:**

![Navbar - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/navbarmobile.png)

### 2. **About**
   - Displays my name, roles, a brief description, and a CV download button.

**Desktop View:**

![About Section - Desktop](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/about.png)

**Mobile View:**

![About Section - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/aboutmobile.png)

### 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](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/skills.png)

**Mobile View:**

![Skills Section - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/skillsmobile.png)

### 4. **Experience**
   - Features dynamic cards displaying company logos, names, roles, years of service, and specific skills used.

**Desktop View:**

![Experience Section - Desktop](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/experience.png)

**Mobile View:**

![Experience Section - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/experiencemobile.png)

### 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](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/projects.png)

**Mobile View:**

![Projects Section - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/projectsmobile.png)

### 6. **Education**
   - Contains cards showing institution logos, names, degrees, branches, years attended, grades, and brief descriptions.

**Desktop View:**

![Education Section - Desktop](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/education.png)

**Mobile View:**

![Education Section - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/educationmobile.png)

### 7. **Contact Form**
   - Features a contact form connected via **EmailJS** for collaboration purposes (currently disabled).

**Desktop View:**

![Contact Form - Desktop](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/contact.png)

**Mobile View:**

![Contact Form - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/contactmobile.png)

### 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](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/footer.png)

**Mobile View:**

![Footer - Mobile](https://raw.githubusercontent.com/sibisiddharth8/portfolio-react/master/readme-images/footermobile.png)

---

## 🔧 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!

portfolio-react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README