Skip to content

sheelganvir/Sheel-Portfolio

Repository files navigation

Sheel-Portfolio

Welcome to my frontend portfolio repository! This project showcases my skills and projects as a MERN-stack developer. It features a responsive design with light and dark theme options.

Table of Contents

Technology Stack

  • Frontend: React, CSS (custom styles using reset.css, style.css, and animations.css)
  • Fonts: Roboto from Google Fonts
  • Icons: Favicon located at ./logos/favicon.png

Dependencies

  • react, react-dom for building user interfaces with React.
  • vite for fast development and building.
  • gh-pages for deploying to GitHub Pages.
  • eslint and related plugins for code linting.

Dev Dependencies

  • @types/react for TypeScript definitions for React.
  • @vitejs/plugin-react-swc for React support in Vite.

Project Structure

The portfolio is structured as follows:

  • src: Contains the main source code for the React application.
    • css: Holds custom CSS files for styling.
    • logos: Stores the favicon and other logos.
    • main.jsx: Entry point for the React application.
  • public: Static assets.
  • README.md: Project documentation.
  • index.html: Main HTML file that sets up the application structure and includes necessary scripts.

Functionality

UI/UX Design

  • The portfolio has a clean and modern UI design using custom CSS styles.
  • It supports both light and dark themes, enhancing user experience.
  • Designed to be visually appealing and user-friendly across devices.

Sections

  • About Me: Introduction and background.
  • Skills: Lists skills and technologies.
  • Projects: Showcases featured projects with descriptions and links.
  • Contact: Provides a form to send emails directly for project inquiries.

Features

  • Responsive Design: Ensures usability on various screen sizes.
  • Google Fonts Integration: Uses Roboto font for typography.
  • Favicon: Custom favicon for brand recognition in browser tabs.

Additional Information