From 2cbc865f86b82cf74119663f41d2d737024a584c Mon Sep 17 00:00:00 2001 From: priyachau12 <125198162+priyachau12@users.noreply.github.com> Date: Sat, 12 Oct 2024 11:51:55 +0530 Subject: [PATCH 1/6] I have added a Contributors Page --- package.json | 1 + src/App.jsx | 79 ++++++++++++++++++++++-------- src/components/Navbar.jsx | 7 +-- src/pages/Contributors.css | 99 ++++++++++++++++++++++++++++++++++++++ src/pages/Contributors.jsx | 54 +++++++++++++++++++++ 5 files changed, 217 insertions(+), 23 deletions(-) create mode 100644 src/pages/Contributors.css create mode 100644 src/pages/Contributors.jsx diff --git a/package.json b/package.json index 69bdaa8..253f8f2 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "install": "^0.13.0", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-router-dom": "^6.26.2" }, "devDependencies": { diff --git a/src/App.jsx b/src/App.jsx index dc71eda..e5de4e1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -5,47 +5,86 @@ import Dashboard from "./pages/Dashboard"; import Posts from "./pages/Posts"; import Analytics from "./pages/Analytics"; import Navbar from "./components/Navbar"; -import './App.css' +import Contributors from "./pages/Contributors"; +import "./App.css"; import Footer from "./components/Footer"; -import Settings from './pages/Settings'; // Ensure this path is correct - +import Settings from "./pages/Settings"; // Ensure this path is correct function App() { return ( -
+
} /> } /> } /> + } /> } />
-
+
); } export default App; -

- Open Source Love svg1 + Open Source Love svg1 - PRs Welcome - Visitors - GitHub forks - GitHub Repo stars - GitHub contributors - GitHub last commit - GitHub repo size - GitHub license - GitHub issues - GitHub closed issues - GitHub pull requests - GitHub closed pull requests + PRs Welcome + Visitors + GitHub forks + GitHub Repo stars + GitHub contributors + GitHub last commit + GitHub repo size + GitHub license + GitHub issues + GitHub closed issues + GitHub pull requests + GitHub closed pull requests

-
+
; diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index 7057d19..725a272 100644 --- a/src/components/Navbar.jsx +++ b/src/components/Navbar.jsx @@ -1,7 +1,7 @@ // Navbar.jsx -import React from 'react'; -import { Link } from 'react-router-dom'; -import './Navbar.css'; +import React from "react"; +import { Link } from "react-router-dom"; +import "./Navbar.css"; const Navbar = () => { return ( @@ -9,6 +9,7 @@ const Navbar = () => { Dashboard Posts Analytics + Contributors Settings ); diff --git a/src/pages/Contributors.css b/src/pages/Contributors.css new file mode 100644 index 0000000..8199a63 --- /dev/null +++ b/src/pages/Contributors.css @@ -0,0 +1,99 @@ +/* Contributors.css */ + +.contributors { + width: 90%; + margin: 0 auto; + background: var(--seashell); + border-radius: 10px; + padding: 20px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + border: 1px solid #ddd; + max-width: 1200px; +} + +.contributors h2 { + color: var(--sonic-silver); + text-align: center; + margin-bottom: 20px; +} + +.contributor-cards { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.contributor-member { + color: var(--sonic-silver); + text-align: center; + background-color: var(--seashell); + border: 1px solid #ddd; + border-radius: 10px; + padding: 20px; + box-shadow: 0 4px 6px rgb(240, 239, 239); + transition: transform 0.3s ease, box-shadow 0.3s ease; + max-width: 250px; + margin: 10px; + flex: 1 1 calc(33.333% - 40px); + display: flex; + flex-direction: column; + align-items: center; +} + +.contributor-member:hover { + transform: scale(1.1); + box-shadow: 0 6px 12px rgb(226, 206, 24); +} + +.contributor-member img { + width: 100px; + height: 100px; + border-radius: 50%; + margin-bottom: 10px; +} + +.contributor-member h3 { + font-size: 1rem; + margin: 10px 0 5px; +} + +.contributor-member p { + font-size: 0.9rem; + margin: 0; +} + +.contributor-member button { + background-color: transparent; + border: 1px solid #ddd; + border-radius: 5px; + padding: 5px 20px; + font-size: 1.1rem; + color: var(--sonic-silver); + cursor: pointer; + margin-top: 10px; +} + +.contributor-member button:hover { + background: orange; + color: #fff; +} + +.pagination { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.pagination button { + color: var(--old-rose); + margin: 0 5px; + padding: 10px 15px; + background-color: transparent; + cursor: pointer; +} + +.pagination button.active { + text-decoration: underline; + font-size: large; +} + diff --git a/src/pages/Contributors.jsx b/src/pages/Contributors.jsx new file mode 100644 index 0000000..482b4b0 --- /dev/null +++ b/src/pages/Contributors.jsx @@ -0,0 +1,54 @@ +// Contributors.jsx +import React, { useEffect, useState } from 'react'; +import './Contributors.css'; + +const Contributors = () => { + const [contributors, setContributors] = useState([]); + const [currentPage, setCurrentPage] = useState(1); + const contributorsPerPage = 6; + + useEffect(() => { + // Fetch contributors data from an API or local JSON file + fetch('/api/contributors') // Replace with the actual API endpoint + .then(response => response.json()) + .then(data => setContributors(data)) + .catch(error => console.error('Error fetching contributors:', error)); + }, []); + + const handlePageChange = (pageNumber) => { + setCurrentPage(pageNumber); + }; + + const indexOfLastContributor = currentPage * contributorsPerPage; + const indexOfFirstContributor = indexOfLastContributor - contributorsPerPage; + const currentContributors = contributors.slice(indexOfFirstContributor, indexOfLastContributor); + + return ( +
+

Our Contributors

+
+ {currentContributors.map((contributor) => ( +
+ {contributor.name} +

{contributor.name}

+

{contributor.contribution}

+ +
+ ))} +
+ +
+ ); +}; + +export default Contributors; From 73425b6d799eadce5559e23cec840a486e08b732 Mon Sep 17 00:00:00 2001 From: priyachau12 <125198162+priyachau12@users.noreply.github.com> Date: Sun, 13 Oct 2024 12:48:17 +0530 Subject: [PATCH 2/6] I have added contributors page and fiexed the conflicts --- src/pages/Contributors.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/pages/Contributors.css b/src/pages/Contributors.css index 8199a63..bcaf378 100644 --- a/src/pages/Contributors.css +++ b/src/pages/Contributors.css @@ -96,4 +96,3 @@ text-decoration: underline; font-size: large; } - From 6143551e0aae849a79a11c011e9e84e52ca4867f Mon Sep 17 00:00:00 2001 From: Mansi Ruhil <157950124+mansiruhil13@users.noreply.github.com> Date: Tue, 15 Oct 2024 01:15:34 +0530 Subject: [PATCH 3/6] Create homepage --- homepage | 293 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 293 insertions(+) create mode 100644 homepage diff --git a/homepage b/homepage new file mode 100644 index 0000000..0231348 --- /dev/null +++ b/homepage @@ -0,0 +1,293 @@ + + + + + + Social Media Management + + + + + +
+ +
+ +
+

Social Media Management Platforms

+ Landing +

There isn't a single best social media management platform, as each one is ideal for different use cases. + There are many social media marketing tools available, and we’ve tried just about all of them. In this post, we'll give you an overview of each one so that you can select the best platform based on your needs.

+

What is a social media management tool?

+

A social media management tool is a software solution that lets you manage all aspects of your social media in one place. That means you can perform multiple social media tasks without having to switch to a different platform. This includes tasks related to creating, scheduling, publishing, monitoring, analyzing, engaging, and collaborating. + Most social media management tools let you manage more than one social media profile across several networks.

+
+ +
+
+ +
+

Contact Info

+

123 Tech Park, Bengaluru, Karnataka, India

+ contact@BuzzSync.com +

Phone: +91-911-1234567

+
+ + +
+

Follow Us

+
+ + + +
+
+ + +
+

Subscribe to our Newsletter

+
+ + +
+
+
+

© 2024 BuzzSync. All rights reserved.

+
+ + + + + + + From e60dd674615d50f2d4805173f8d89f96a6b214ef Mon Sep 17 00:00:00 2001 From: Shivam Yadav <164716426+shivamyadavrgipt@users.noreply.github.com> Date: Wed, 16 Oct 2024 14:33:28 +0530 Subject: [PATCH 4/6] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index f21dd24..64aed8e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ +## ⭐️ Show Your Support +If you find this project valuable or appreciate the work, please consider starring the repository on [GitHub](https://github.com/shivamyadavrgipt). Your support helps increase its visibility and encourages further development. Thank you!

From 2cf0f0d671a4a26a9a5c2720f30db9f7c08bf3cc Mon Sep 17 00:00:00 2001 From: ritikprajapat21 Date: Wed, 16 Oct 2024 14:38:41 +0530 Subject: [PATCH 5/6] Fixed page reload --- src/App.jsx | 79 +++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 58 insertions(+), 21 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 81e382e..1294dd9 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,20 +1,19 @@ -// App.jsx import React from "react"; import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import Dashboard from "./pages/Dashboard"; import Posts from "./pages/Posts"; import Analytics from "./pages/Analytics"; import Navbar from "./components/Navbar"; -import './App.css' +import "./App.css"; import Footer from "./components/Footer"; -import Settings from './pages/Settings'; // Ensure this path is correct -import LandingPage from './pages/LandingPage'; // Ensure this path is correct +import Settings from "./pages/settings"; +import LandingPage from "./pages/LandingPage"; function App() { return ( -

+
} /> } /> @@ -23,30 +22,68 @@ function App() { } />
-
; From f865ecea1ac3da11e7af1a20e07d82aeaf8940ef Mon Sep 17 00:00:00 2001 From: Shivam Yadav <164716426+shivamyadavrgipt@users.noreply.github.com> Date: Fri, 18 Oct 2024 00:12:32 +0530 Subject: [PATCH 6/6] Revert "Fixed page reload" --- src/App.jsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 4c0df81..3fe00ad 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,14 +1,15 @@ +// App.jsx import React from "react"; import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import Dashboard from "./pages/Dashboard"; import Posts from "./pages/Posts"; import Analytics from "./pages/Analytics"; import Navbar from "./components/Navbar"; -import Contributors from "./pages/Contributors"; // Keep the import from 'main' +import Contributors from "./pages/Contributors"; import "./App.css"; import Footer from "./components/Footer"; -import Settings from "./pages/settings"; -import LandingPage from "./pages/LandingPage"; +import Settings from './pages/Settings'; // Ensure this path is correct +import LandingPage from './pages/LandingPage'; // Ensure this path is correct function App() { @@ -21,7 +22,7 @@ function App() { } /> } /> } /> - } /> {/* Keep this route from 'main' */} + } /> } />
@@ -32,7 +33,6 @@ function App() { export default App; -