Merge pull request #54 from Sagargupta16/53-ui-enhancement

UI Refactoring!!

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +1,33 @@
 ---
 name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
+about: Briefly describe the issue
+title: '[Short, descriptive title]'
+labels: 'bug'
 ---
 
-**Describe the bug**
-A clear and concise description of what the bug is.
+**Description:**
+[Concise description of the issue]
+
+**Steps to Reproduce:**
+
+1. [Step 1]
+2. [Step 2]
+3. ...
 
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
+**Expected:**
+[What you expected to happen]
 
-**Expected behavior**
-A clear and concise description of what you expected to happen.
+**Actual:**
+[What actually happened]
 
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
+**Environment:**
 
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+- OS: [e.g., Windows, macOS]
+- Browser (if applicable): [e.g., Chrome, Firefox]
+- Version/Commit: [Version or commit number]
 
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+**Screenshots (if applicable):**
+[Attach screenshots if they help]
 
-**Additional context**
-Add any other context about the problem here.
+**Additional Info:**
+[Any additional context or details]

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +1,11 @@
 ---
 name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
+about: Briefly describe your feature request
+title: '[Short, descriptive title]'
 ---
 
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+**Idea:**
+[Concisely describe your feature request]
 
-**Additional context**
-Add any other context or screenshots about the feature request here.
+**Additional Information (Optional):**
+[Include any other relevant details or context]

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

CONTRIBUTING.md

@@ -9,19 +9,23 @@ Please note that this project adheres to the [Contributor Covenant Code of Condu
 ## How to Contribute
 
 1. **Fork the repository:**
+
    - Fork the repository to your GitHub account.
 
 2. **Clone your fork:**
+
    ```bash
    git clone https://github.com/Sagargupta16/portfolio-react.git
    ```
 
 3. **Create a new branch:**
+
    ```bash
    git checkout -b feature/your-feature
    ```
 
 4. **Make your changes and commit:**
+
    ```bash
    git add .
    git commit -m "Add your commit message here"
@@ -31,7 +35,6 @@ Please note that this project adheres to the [Contributor Covenant Code of Condu
    ```bash
    git push origin feature/your-feature
    ```
-
 6. **Open a pull request:**
    Open a pull request on the main repository explaining your changes.
    Reference any relevant issues.

SECURITY.md

@@ -16,15 +16,19 @@ Please refer to this section to understand which versions of the project are cur
 If you discover a security vulnerability within this project, please follow these steps to report it:
 
 1. **Ensure the Vulnerability is Reproducible:**
+
    - Clearly outline the steps to reproduce the vulnerability.
 
 2. **Privately Notify the Project Team:**
+
    - Send an email to [[email protected]](mailto:[email protected]) with a detailed description of the vulnerability.
 
 3. **Responsiveness:**
+
    - You can expect an initial response within 48 hours acknowledging that your report has been received.
 
 4. **Scope and Impact Assessment:**
+
    - The project team will work with you to assess the scope and impact of the vulnerability.
 
 5. **Fix and Disclosure:**

public/index.html

@@ -23,8 +23,17 @@
     />
     <link rel="icon" type="image/x-icon" href="./favicon.ico" />
     <!-- 100% privacy-first analytics -->
-    <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
-    <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript>
+    <script
+      async
+      defer
+      src="https://scripts.simpleanalyticscdn.com/latest.js"
+    ></script>
+    <noscript
+      ><img
+        src="https://queue.simpleanalyticscdn.com/noscript.gif"
+        alt=""
+        referrerpolicy="no-referrer-when-downgrade"
+    /></noscript>
     <title>Personal Portfolio</title>
   </head>
   <body class="theme4">

src/App.jsx

@@ -9,7 +9,7 @@ import Experience from './components/experience/Experience'
 import Skill from './components/skill/Skill'
 import Services from './components/services/Services'
 import Portfolio from './components/portfolio/Portfolio'
-import Testimonial from './components/testimonials/Testimonial'
+// import Testimonial from './components/testimonials/Testimonial'
 import Contact from './components/contact/Contact'
 import Footer from './components/footer/Footer'
 
@@ -50,7 +50,7 @@ const App = () => {
           <Route path="/skill" element={<Skill />} />
           <Route path="/services" element={<Services />} />
           <Route path="/portfolio" element={<Portfolio />} />
-          <Route path="/testimonial" element={<Testimonial />} />
+          {/* <Route path="/testimonial" element={<Testimonial />} /> */}
           <Route path="/contact" element={<Contact />} />
         </Routes>
       ) : (

src/components/about/About.jsx

@@ -18,13 +18,13 @@ const About = () => {
       id: 2,
       icon: <MdDeveloperMode className="about__icon" />,
       title: 'Projects',
-      count: '15+ Projects'
+      count: '20+ Projects'
     },
     {
       id: 3,
       icon: <SiCodersrank className="about__icon" />,
       title: 'CP',
-      count: '70+ Contests'
+      count: '100+ Contests'
     }
   ]
 
@@ -61,12 +61,15 @@ const About = () => {
             Apart from web development, I love Problem Solving using Data
             Structures and Algorithms in an Efficient Way.
           </p>
-          <Link
-            to={window.screen.width > 600 ? '/contact' : '#contact'}
-            className="btn btn-primary"
-          >
-            Let's Talk
-          </Link>
+          {window.screen.width > 600 ? (
+            <Link to="/contact" className="btn btn-primary">
+              Let's Talk
+            </Link>
+          ) : (
+            <a href="#contact" className="btn btn-primary">
+              Let's Talk
+            </a>
+          )}
         </div>
       </div>
     </section>

src/components/about/about.css

@@ -1,9 +1,7 @@
 .about__container {
   display: flex;
-  flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
-  width: 100%;
   gap: 2rem;
   text-align: center;
 }
@@ -29,17 +27,18 @@
   transform: rotate(-5deg);
   transition: var(--transition);
 }
+
 .about__me-image:hover {
   transform: rotate(0deg);
 }
 
 .about__cards {
   display: flex;
-  flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   width: 100%;
 }
+
 .about__card {
   background-color: var(--color-bg-variant);
   display: flex;
@@ -53,24 +52,29 @@
   margin: 1rem 0;
   transition: var(--transition);
 }
+
 .about__card:hover {
   background: transparent;
   border-color: var(--color-primary-variant);
   cursor: default;
   backdrop-filter: blur(5px);
 }
+
 .about__icon {
   color: var(--color-primary);
   font-size: 1.4rem;
   margin-bottom: 0.5rem;
 }
+
 .about__card h5 {
   font-size: 1.5rem;
 }
+
 .about__card small {
   font-size: 0.7rem;
   color: var(--color-light);
 }
+
 .about__text p {
   margin: 1rem 0;
 }
@@ -82,9 +86,11 @@
     grid-template-columns: 1fr;
     gap: 0;
   }
+
   .about__me {
     margin: 2rem auto 4rem;
   }
+
   .about__card {
     width: 45%;
   }
@@ -96,13 +102,16 @@
     height: 15rem;
     margin: 0 auto 3rem;
   }
+
   .about__cards {
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
   }
+
   .about__card {
     width: 100%;
   }
+
   .about__content {
     text-align: center;
   }