added husky+prettierrc

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,17 +1,17 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ''
+title: ""
 labels: bug
-assignees: ''
-
+assignees: ""
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **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]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,10 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ''
+title: ""
 labels: enhancement, Feature
-assignees: ''
-
+assignees: ""
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/ISSUE_TEMPLATE/others.md

@@ -1,10 +1,7 @@
 ---
 name: OTHERS
 about: Describe this issue here
-title: ''
+title: ""
 labels: "\U0001F468‍\U0001F4BB Contributors needed"
-assignees: ''
-
+assignees: ""
 ---
-
-

.github/ISSUE_TEMPLATE/translation-.md

@@ -1,10 +1,9 @@
 ---
-name: 'Translation '
+name: "Translation "
 about: add your language
 title: " [Translate]"
 labels: Translate
-assignees: ''
-
+assignees: ""
 ---
 
 In which language do you want to translate?

.github/PULL_REQUEST_TEMPLATE.md

@@ -3,12 +3,14 @@
 <!-- Please describe the changes you made to the Projectshut Open Source website. What features did you add or modify? What bug did you fix? -->
 
 ## Screenshots
+
 <!-- PLease add screenshots -->
 
 ## Related Issue
 
 <!-- Please list any related issues that your PR addresses. For example, if you fixed a bug, please reference the issue number that describes the bug.
  -->
+
 ## Checklist
 
 Please review and check off the following items before submitting your PR:
@@ -24,7 +26,8 @@ Please review and check off the following items before submitting your PR:
 - [ ] I have checked for any spelling or grammatical errors
 
 ## Additional Information
-<!-- 
+
+<!--
 Is there anything else you would like to include about your PR? This could include information about how to test your changes or any potential issues that may arise.
 
 Thank you for contributing to the Projectshut Open Source website!

.github/dependabot.yml

@@ -1,6 +1,6 @@
 version: 2
 updates:
-# Update GitHub Actions
+  # Update GitHub Actions
   - package-ecosystem: "github-actions"
     directory: "/"
     schedule:

.github/workflows/jsoncheck.yml

@@ -3,7 +3,7 @@ name: JSON check
 on:
   push:
     paths:
-      - '**.json'
+      - "**.json"
   pull_request:
 
 jobs:

.prettierrc

@@ -1,6 +1,4 @@
-
 {
-
   "printWidth": 120,
   "semi": false,
   "singleQuote": false,

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
@@ -59,8 +59,7 @@ representative at an online or offline event.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to the community leaders responsible for enforcement at [Priyankar Pal](
-https://twitter.com/Priyankarpal.)
+reported to the community leaders responsible for enforcement at [Priyankar Pal](https://twitter.com/Priyankarpal.)
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the
@@ -106,7 +105,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

README.md

@@ -1,25 +1,21 @@
-# **ProjectsHut - Show your projects to the world  🌎🌈**
-
-
-
-
-[![pages-build-deployment](https://github.com/priyankarpal/ProjectsHut/actions/workflows/pages/pages-build-deployment/badge.svg?branch=main)](https://github.com/priyankarpal/ProjectsHut/actions/workflows/pages/pages-build-deployment)  [![Open in GitPod](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/priyankarpal/ProjectsHut) ![Checks Success](https://badgen.net/github/checks/node-formidable/node-formidable) [![MIT](https://badgen.net/badge/license/MIT/blue)](https://github.com/priyankarpal/ProjectsHut/blob/main/LICENSE)
-
+# **ProjectsHut - Show your projects to the world 🌎🌈**
 
+[![pages-build-deployment](https://github.com/priyankarpal/ProjectsHut/actions/workflows/pages/pages-build-deployment/badge.svg?branch=main)](https://github.com/priyankarpal/ProjectsHut/actions/workflows/pages/pages-build-deployment) [![Open in GitPod](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/priyankarpal/ProjectsHut) ![Checks Success](https://badgen.net/github/checks/node-formidable/node-formidable) [![MIT](https://badgen.net/badge/license/MIT/blue)](https://github.com/priyankarpal/ProjectsHut/blob/main/LICENSE)
 
 ![ProjectsHut](/images/ph.png)
 
 ## 🤓 Why ProjectsHut ?
 
-ProjectsHut is an innovative platform that allows users to publish their projects for free. It's designed to provide a space for individuals to showcase their work and connect with a global audience. 
+ProjectsHut is an innovative platform that allows users to publish their projects for free. It's designed to provide a space for individuals to showcase their work and connect with a global audience.
 
 The website is open source, which means that its code is freely available to the public, allowing developers to contribute to its growth and improvement.
 
-[ProjectsHut](https://projectshut.vercel.app) offers a user-friendly interface, making it easy to publish projects and share them with others. 
+[ProjectsHut](https://projectshut.vercel.app) offers a user-friendly interface, making it easy to publish projects and share them with others.
 
 Whether you're a seasoned professional or just starting out, It's a valuable resource for sharing your work and making connections in the tech community. With its [Open Source](https://opensource.guide) design.
 
 ## 🤔 How to contribute ?
+
 Contributing to open-source software (OSS) projects can be a rewarding and fulfilling experience. Not only can you learn new skills, but you can also help make a valuable contribution to a project that benefits the broader community.
 
 > Here are some steps you can take to contribute to this project:
@@ -30,20 +26,18 @@ Contributing to open-source software (OSS) projects can be a rewarding and fulfi
 
 ## 🧰 Tech Stack Used
 
- In this project, React is used for the frontend while Tailwind CSS is used for styling. The combination of the two technologies allowed for building a responsive and visually appealing user interface that is easy to use and navigate. The use of these technologies also allows for easy maintenance and scalability of the applicatio
-
+In this project, React is used for the frontend while Tailwind CSS is used for styling. The combination of the two technologies allowed for building a responsive and visually appealing user interface that is easy to use and navigate. The use of these technologies also allows for easy maintenance and scalability of the applicatio
 
 | Technology                                                                                                                                           | Description                                                   |
 | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- |
 | [![React](https://img.shields.io/badge/-React-blue?style=flat-square&logo=react&logoColor=white)](https://reactjs.org/)                              | React is a free and open-source front-end JavaScript library. |
 | [![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/) | Tailwind CSS is an open source CSS framework.                 |
 
-
 ## 📙 Translation
 
- As a user, you have the ability to translate the documentation of this project to new languages. This means that you can take the existing documentation, which may be in one language, and create new versions of it in other languages. 
+As a user, you have the ability to translate the documentation of this project to new languages. This means that you can take the existing documentation, which may be in one language, and create new versions of it in other languages.
 
- By doing so, you can help to make the project more accessible to people who speak different languages, and you can contribute to the project's overall success. To translate the documentation, you will need to have strong language skills in both the original language and the target language, as well as a good understanding of the content and context of the documentation. With these skills, you can ensure that the translated documentation is accurate, clear, and effective.
+By doing so, you can help to make the project more accessible to people who speak different languages, and you can contribute to the project's overall success. To translate the documentation, you will need to have strong language skills in both the original language and the target language, as well as a good understanding of the content and context of the documentation. With these skills, you can ensure that the translated documentation is accurate, clear, and effective.
 
 - If you want to translate docs remember to create an [issue](https://github.com/priyankarpal/ProjectsHut/issues/new?assignees=&labels=Translate&template=translation-.md&title=+Translate)
 
@@ -53,19 +47,14 @@ Contributing to open-source software (OSS) projects can be a rewarding and fulfi
 
 - [Korean](https://github.com/priyankarpal/ProjectsHut/tree/main/translations/Korean)
 
-
 ## 🤝 Contributors
- To all the contributors and supporters of this project, we want to express our sincerest thanks. Your time, effort, and expertise have been invaluable in making this project a success. Whether you contributed code, documentation, testing, or simply offered feedback and suggestions, your contributions are deeply appreciated.
-
 
+To all the contributors and supporters of this project, we want to express our sincerest thanks. Your time, effort, and expertise have been invaluable in making this project a success. Whether you contributed code, documentation, testing, or simply offered feedback and suggestions, your contributions are deeply appreciated.
 
 <a href="https://github.com/priyankarpal/ProjectsHut/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=priyankarpal/ProjectsHut" />
 </a>
 
-
-
-
 ## 🛡️ License
 
-ProjectsHut is licensed under the [MIT License ](https://github.com/priyankarpal/ProjectsHut/blob/main/LICENSE)
+ProjectsHut is licensed under the [MIT License ](https://github.com/priyankarpal/ProjectsHut/blob/main/LICENSE)

SECURITY.md

@@ -1,6 +1,7 @@
 # Security Policy
 
 ## Supported Versions
+
 Current projects' supported versions.
 
 | Version | Supported          |

index.html

@@ -1,23 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta name="description"
-    content="ProjectsHut is an innovative platform that allows users to publish their projects for free.">
-  <meta name="keywords" content="ProjectsHut, open source, good-first-issue, how to contribute to projectshut">
-  <meta name="robots" content="index, follow">
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <meta name="language" content="English">
-  <meta name="revisit-after" content="1 days">
-  <meta name="author" content="Priyankar Pal">
-  <title>ProjectsHut - A Place to find lots of cool Projects</title>
-  <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap" rel="stylesheet" />
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.jsx"></script>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="ProjectsHut is an innovative platform that allows users to publish their projects for free."
+    />
+    <meta name="keywords" content="ProjectsHut, open source, good-first-issue, how to contribute to projectshut" />
+    <meta name="robots" content="index, follow" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="language" content="English" />
+    <meta name="revisit-after" content="1 days" />
+    <meta name="author" content="Priyankar Pal" />
+    <title>ProjectsHut - A Place to find lots of cool Projects</title>
+    <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
 </html>

package.json

@@ -7,10 +7,14 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "lint": "prettier --check .",
+    "format": "prettier --write ."
   },
   "husky": {
-    "hooks": {}
+    "hooks": {
+      "pre-commit": "prettier --write . "
+    }
   },
   "dependencies": {
     "@vercel/analytics": "^0.1.11",
@@ -27,6 +31,7 @@
     "autoprefixer": "^10.4.14",
     "husky": "^8.0.0",
     "postcss": "^8.4.21",
+    "prettier": "^2.8.4",
     "tailwindcss": "^3.2.7",
     "vite": "^4.1.4"
   }

postcss.config.cjs

@@ -4,4 +4,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-};
+}

src/App.jsx

@@ -1,6 +1,6 @@
-import { Navbar, Footer } from "./components";
-import { ProjectsPage, HomePage } from "./pages";
-import { Route, Routes, Navigate } from "react-router-dom";
+import { Navbar, Footer } from "./components"
+import { ProjectsPage, HomePage } from "./pages"
+import { Route, Routes, Navigate } from "react-router-dom"
 
 function App() {
   return (
@@ -13,7 +13,7 @@ function App() {
       </Routes>
       <Footer />
     </div>
-  );
+  )
 }
 
-export default App;
+export default App

src/CSS/index.css

@@ -1,14 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap");
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 :root {
-    background-color: #000513;
-    font-family: 'Inter', sans-serif;
+  background-color: #000513;
+  font-family: "Inter", sans-serif;
 }
 /* Hide the default scrollbar */
 ::-webkit-scrollbar {
-    display: none;
-  }
-
+  display: none;
+}