Merge branch 'main' into feat/privacy-terms-pages

Author: mehul-m-prajapati

.github/workflows/auto-label-gssoc.yml

@@ -27,4 +27,5 @@ jobs:
         labels: |
             level:intermediate
             quality:clean
+            type:accessibility
             gssoc:approved

backend/server.js

@@ -14,7 +14,17 @@ const logger = require('./logger');
 const app = express();
 
 // CORS configuration
-app.use(cors('*'));
+const allowedOrigins = ['http://localhost:5173', 'https://github-spy.etlify.app'];
+app.use(cors({
+    origin: function (origin, callback) {
+        if (!origin || allowedOrigins.indexOf(origin) !== -1) {
+            callback(null, true);
+        } else{
+            callback(new Error('Blocked by CORS policy'));
+        }
+    },
+    credentials: true
+}));
 
 // Middleware
 app.use(bodyParser.json());
@@ -33,8 +43,10 @@ app.use('/api/auth', authRoutes);
 // Connect to MongoDB
 mongoose.connect(process.env.MONGO_URI, {}).then(() => {
     logger.info('Connected to MongoDB');
-    app.listen(process.env.PORT, () => {
-        logger.info(`Server running on port ${process.env.PORT}`);
+
+    const PORT = process.env.PORT || 5000;
+    app.listen(PORT, () => {
+        logger.info(`Server running on port ${PORT}`);
     });
 }).catch((err) => {
     logger.error('MongoDB connection error', err);

src/Routes/Router.tsx

@@ -10,6 +10,7 @@ import Login from "../pages/Login/Login.tsx";
 import ContributorProfile from "../pages/ContributorProfile/ContributorProfile.tsx";
 import Home from "../pages/Home/Home.tsx";
 import Activity from "../pages/Activity.tsx"; 
+import PrivacyPolicy from "../pages/Privacy/PrivacyPolicy.tsx"; // ✅ Updated import path to match your new folder structure
 
 const Router = () => {
   return (
@@ -24,9 +25,10 @@ const Router = () => {
       <Route path="/contact" element={<Contact />} />
       <Route path="/contributors" element={<Contributors />} />
       <Route path="/contributor/:username" element={<ContributorProfile />} />
-
-      {/* ✅ new route */}
       <Route path="/activity" element={<Activity />} />
+
+      {/* Privacy Policy page route */}
+      <Route path="/privacy" element={<PrivacyPolicy />} />
     </Routes>
   );
 };

src/components/Footer.tsx

@@ -111,24 +111,29 @@ function Footer() {
               onSubmit={handleSubscribe}
               className="flex flex-col sm:flex-row items-stretch gap-2"
             >
-              <input
-                type="email"
-                required
-                placeholder="Enter email address"
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                className="
-                  flex-grow text-sm px-4 py-3
-                  bg-zinc-50 dark:bg-zinc-800/40
-                  border border-zinc-200 dark:border-zinc-700/50
-                  rounded-xl
-                  focus:outline-none focus:ring-2
-                  focus:ring-blue-500/20 focus:border-blue-500
-                  text-zinc-900 dark:text-white
-                  placeholder-zinc-400 dark:placeholder-zinc-500
-                  transition-all
-                "
-              />
+              <div className="relative flex-grow">
+                <label htmlFor="newsletter-email" className="sr-only">Email address</label>
+                <input
+                  id="newsletter-email"
+                  type="email"
+                  name="email"
+                  required
+                  placeholder="Enter email address"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  className="
+                    w-full text-sm px-4 py-3
+                    bg-zinc-50 dark:bg-zinc-800/40
+                    border border-zinc-200 dark:border-zinc-700/50
+                    rounded-xl
+                    focus:outline-none focus:ring-2
+                    focus:ring-blue-500/20 focus:border-blue-500
+                    text-zinc-900 dark:text-white
+                    placeholder-zinc-400 dark:placeholder-zinc-500
+                    transition-all
+                  "
+                />
+              </div>
 
               <button
                 type="submit"
@@ -199,4 +204,4 @@ function Footer() {
   );
 }
 
-export default Footer;
+export default Footer;

src/pages/Contact/Contact.tsx

@@ -208,6 +208,7 @@ function Contact() {
                 {/* Full Name */}
                 <div>
                   <label
+                    htmlFor="fullname"
                     className={`block text-xs font-medium mb-1 ${
                       mode === "dark"
                         ? "text-gray-300"
@@ -217,6 +218,8 @@ function Contact() {
                     Full Name
                   </label>
                   <input
+                    id="fullname"
+                    name="fullname"
                     type="text"
                     placeholder="Enter your full name"
                     required
@@ -231,6 +234,7 @@ function Contact() {
                 {/* Email */}
                 <div>
                   <label
+                    htmlFor="email"
                     className={`block text-xs font-medium mb-1 ${
                       mode === "dark"
                         ? "text-gray-300"
@@ -240,6 +244,8 @@ function Contact() {
                     Email Address
                   </label>
                   <input
+                    id="email"
+                    name="email"
                     type="email"
                     placeholder="your.email@example.com"
                     required
@@ -254,6 +260,7 @@ function Contact() {
                 {/* Subject */}
                 <div>
                   <label
+                    htmlFor="subject"
                     className={`block text-xs font-medium mb-1 ${
                       mode === "dark"
                         ? "text-gray-300"
@@ -263,6 +270,8 @@ function Contact() {
                     Subject
                   </label>
                   <select
+                    id="subject"
+                    name="subject"
                     className={`w-full p-2 sm:p-3 rounded-lg sm:rounded-xl text-sm sm:text-base transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-purple-500 ${
                       mode === "dark"
                         ? "bg-white/5 border border-white/20 text-white placeholder-gray-400"
@@ -284,6 +293,7 @@ function Contact() {
                 {/* Message */}
                 <div className="relative">
                   <label
+                    htmlFor="message"
                     className={`block text-xs font-medium mb-1 ${
                       mode === "dark"
                         ? "text-gray-300"
@@ -293,6 +303,8 @@ function Contact() {
                     Message
                   </label>
                   <textarea
+                    id="message"
+                    name="message"
                     placeholder="Type your message here..."
                     required
                     rows={4}
@@ -348,4 +360,4 @@ function Contact() {
   );
 }
 
-export default Contact;
+export default Contact;

src/pages/Login/Login.tsx

@@ -90,7 +90,9 @@ const Login: React.FC = () => {
 
           <form onSubmit={handleSubmit} className="space-y-6">
             <div className="relative">
+              <label htmlFor="email" className="sr-only">Email address</label>
               <input
+                id="email"
                 type="email"
                 name="email"
                 placeholder="Enter your email"
@@ -107,7 +109,9 @@ const Login: React.FC = () => {
             </div>
 
             <div className="relative">
+              <label htmlFor="password" className="sr-only">Password</label>
               <input
+                id="password"
                 type="password"
                 name="password"
                 autoComplete="current-password"