Me

This is a personal portfolio website built using React, Tailwind CSS 4.0, and Framer Motion for animation.

It is a single-page application that showcases my work, skills, and experience as a full-stack developer.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Tailwind CSS 4.0: A utility-first CSS framework for designing responsive layouts.
• Redux: A state management library.
• Framer Motion: A library for adding animations to React components.
• EmailJS: A JavaScript library for sending emails.
• Dark/Light Mode Toggle: A button to switch between dark and light themes.

Above: A screenshot of the portfolio homepage.

Directory Structure

└── guptashubham-11-me/
    ├── README.md
    ├── eslint.config.js
    ├── index.html
    ├── package.json
    ├── vite.config.js
    ├── .prettierignore
    ├── .prettierrc
    ├── public/
    └── src/
        ├── App.css
        ├── App.jsx
        ├── index.css
        ├── main.jsx
        ├── assets/
        ├── components/
        │   ├── Footer.jsx
        │   ├── Header.jsx
        │   ├── Layout.jsx
        │   ├── ThemeToggle.jsx
        │   └── index.js
        ├── features/
        │   └── themeSlice.js
        └── store/
            └── store.js

Installation

1. Clone the repository:

   git clone https://github.com/guptashubham-11/me
   

2. Navigate into the project directory:

   cd me
   

3. Install the dependencies:

   npm install
   

4. Run the project:

   npm run dev
   

   The app will be running on http://localhost:5173 by default.

Features

• Responsive Design: The website is fully responsive and adjusts to different screen sizes.
• Dark/Light Mode Toggle: Switch between dark and light themes with the theme toggle button.
• Custom Cursor: An interactive custom cursor adds a personalized touch to the design.
• Smooth Animations: The app uses Framer Motion for smooth animations and transitions.

Contributing

Feel free to fork the repository and submit pull requests. Contributions are welcome!