12 |
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/client/src/redux/register/register.actions.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import {
3 | REGISTER_ERROR,
4 | REGISTER_REQUEST,
5 | REGISTER_SUCCESS,
6 | } from "./register.types";
7 |
8 | export const registerUser = (creds) => async (dispatch) => {
9 | console.log(creds);
10 | dispatch({ type: REGISTER_REQUEST });
11 | try {
12 | let res = await axios.post(
13 | "https://mauve-rabbit-gown.cyclic.app/auth/register",
14 | creds
15 | );
16 | dispatch({ type: REGISTER_SUCCESS, payload: res.data });
17 | return res.data;
18 | } catch (error) {
19 | dispatch({ type: REGISTER_ERROR, payload: error.message });
20 | }
21 | };
22 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/RigtSide/RightSide.css:
--------------------------------------------------------------------------------
1 | .RightSide {
2 | display: flex;
3 | flex-direction: column;
4 | /* padding-top: 1rem; */
5 | width: 95%;
6 | justify-content: space-evenly;
7 | }
8 |
9 | .RightSide h3 {
10 | font-weight: bold;
11 | text-align: left;
12 | }
13 | @media screen and (max-width: 1200px) {
14 | .RightSide {
15 | justify-content: flex-start;
16 | margin-top: 3rem;
17 | }
18 | }
19 |
20 | @media screen and (max-width: 768px) {
21 | .RightSide {
22 | width: 100%;
23 | margin-top: 0;
24 | }
25 | .RightSide > div {
26 | display: flex;
27 | flex-direction: column;
28 | align-items: center;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/client/src/redux/auth/auth.actions.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import {
3 | LOGIN_ERROR,
4 | LOGIN_REQUEST,
5 | LOGIN_SUCCESS,
6 | LOGOUT,
7 | } from "./auth.types";
8 |
9 | export const login = (creds) => async (dispatch) => {
10 | dispatch({ type: LOGIN_REQUEST });
11 | try {
12 | let res = await axios.post("https://mauve-rabbit-gown.cyclic.app/auth/login", creds);
13 | localStorage.setItem("email", creds.email);
14 | dispatch({ type: LOGIN_SUCCESS, payload: res.data });
15 | return res.data;
16 | } catch (error) {
17 | dispatch({ type: LOGIN_ERROR, payload: error.message });
18 | }
19 | };
20 |
21 | export const ActionLogout = () => ({ type: LOGOUT });
22 |
--------------------------------------------------------------------------------
/server/src/server.js:
--------------------------------------------------------------------------------
1 | require("dotenv").config();
2 |
3 | const express = require("express");
4 | const connect = require("./config/db");
5 | const cors = require("cors");
6 | const userRoute = require("./routes/user");
7 | const authRoute = require("./routes/auth");
8 |
9 | const PORT = process.env.PORT;
10 |
11 | const app = express();
12 |
13 | app.use(express.urlencoded({ extended: true }));
14 | app.use(express.json());
15 | app.use(cors());
16 |
17 | app.use("/user", userRoute);
18 | app.use("/auth", authRoute);
19 |
20 | app.get("/", (req, res) => {
21 | res.send("Hello!");
22 | });
23 |
24 | app.listen(PORT, async () => {
25 | await connect();
26 | console.log(`Server listening on http://localhost:${PORT}`);
27 | });
28 |
--------------------------------------------------------------------------------
/client/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | height: 40vmin;
7 | pointer-events: none;
8 | }
9 |
10 | @media (prefers-reduced-motion: no-preference) {
11 | .App-logo {
12 | animation: App-logo-spin infinite 20s linear;
13 | }
14 | }
15 |
16 | .App-header {
17 | background-color: #282c34;
18 | min-height: 100vh;
19 | display: flex;
20 | flex-direction: column;
21 | align-items: center;
22 | justify-content: center;
23 | font-size: calc(10px + 2vmin);
24 | color: white;
25 | }
26 |
27 | .App-link {
28 | color: #61dafb;
29 | }
30 |
31 | @keyframes App-logo-spin {
32 | from {
33 | transform: rotate(0deg);
34 | }
35 | to {
36 | transform: rotate(360deg);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/client/src/components/prakash/Components/Navbar/NavbarLgModel.jsx:
--------------------------------------------------------------------------------
1 | import { Flex, Text } from "@chakra-ui/react";
2 | import Tools from "./Navbarcomponents/Tools"
3 | import Chanels from "./Navbarcomponents/Chanels";
4 | import { NavLink } from "react-router-dom";
5 |
6 |
7 |
8 |
9 | function NavbarLgModel(){
10 |
11 | return (
12 |
11 |
12 |
14 |
15 |
20 |
24 |
25 |
26 | );
27 | }
28 |
29 | export default App;
30 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/Cards/Cards.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./Cards.css";
3 | import { cardsData } from "../../Data/Data";
4 |
5 | import Card from "../Card/Card";
6 |
7 | const Cards = () => {
8 | return (
9 |
10 | {cardsData.map((card, id) => {
11 | return (
12 |
25 | );
26 | };
27 |
28 | export default Cards;
29 |
--------------------------------------------------------------------------------
/client/src/redux/store.js:
--------------------------------------------------------------------------------
1 | import {
2 | legacy_createStore,
3 | combineReducers,
4 | applyMiddleware,
5 | compose,
6 | } from "redux";
7 | import thunk from "redux-thunk";
8 | import { authReducer } from "./auth/auth.reducer";
9 | import { registerReducer } from "./register/register.reducer";
10 | import { postReducer } from "./posts/post.reducer";
11 | import { adminReducer } from "./admin/admin.reducer";
12 |
13 | const rootReducer = combineReducers({
14 | register: registerReducer,
15 | auth: authReducer,
16 | posts: postReducer,
17 | admin: adminReducer
18 | });
19 |
20 | const createComposer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
21 | export const store = legacy_createStore(
22 | rootReducer,
23 | createComposer(applyMiddleware(thunk))
24 | );
25 |
--------------------------------------------------------------------------------
/client/src/components/anjali/home.module.css:
--------------------------------------------------------------------------------
1 | .totals {
2 | margin: auto;
3 | width: 90%;
4 | height: 60vh;
5 | border: 1px solid gray;
6 | border-radius: 10px;
7 | margin-top: 40px;
8 | padding: 20px;
9 | box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
10 | position: relative;
11 | }
12 | .head {
13 | margin-left: 50px;
14 |
15 | }
16 | .plus {
17 | font-size: 20px;
18 | position: absolute;
19 | top: 20px ;
20 | right: 20px;
21 | /* top: 140px;
22 | left:1200px; */
23 | /* border: 1px solid black ; */
24 | /* padding: 0 10px; */
25 | width: 35px;
26 | height: 35px;
27 | display: flex;
28 | align-items: center;
29 | justify-content: center;
30 |
31 | }
32 |
--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "nodemon src/server.js"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "bcrypt": "^5.1.0",
14 | "cloudinary": "^1.32.0",
15 | "cors": "^2.8.5",
16 | "express": "^4.18.2",
17 | "express-session": "^1.17.3",
18 | "jsonwebtoken": "^8.5.1",
19 | "mongoose": "^6.8.0",
20 | "multer": "^1.4.5-lts.1",
21 | "passport": "^0.6.0",
22 | "passport-facebook": "^3.0.0",
23 | "passport-google-oauth2": "^0.2.0",
24 | "passport-twitter": "^1.0.4"
25 | },
26 | "devDependencies": {
27 | "dotenv": "^16.0.3",
28 | "nodemon": "^2.0.20"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/Part6.jsx:
--------------------------------------------------------------------------------
1 | import { Flex,Button } from '@chakra-ui/react'
2 | import React from 'react'
3 | import style from "./part6.module.css"
4 | import {CheckIcon} from "@chakra-ui/icons";
5 |
6 | export const Part6 = () => {
7 | return (
8 |
13 |
22 | );
23 | })}
24 |
9 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/Updates/Updates.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./Updates.css";
3 | import { UpdatesData } from "../../Data/Data";
4 |
5 | const Updates = () => {
6 | return (
7 |
10 |
17 | Join 140,000+ small businesses like yours that use Buffer to build their brand on social media every month
11 | 12 |
13 |
16 |
8 | {UpdatesData.map((update) => {
9 | return (
10 |
23 | );
24 | };
25 |
26 | export default Updates;
27 |
--------------------------------------------------------------------------------
/client/src/pages/Publishing.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import AltNavbar from "../components/shubham/AltNavbar";
3 | import SideBar from "../components/shubham/SideBar";
4 | import { Box, Flex, Image } from "@chakra-ui/react";
5 | import CalendarComponent from "../components/shubham/Calendar";
6 | import { useDispatch, useSelector } from "react-redux";
7 | import { getPosts } from "../redux/posts/post.action";
8 | import { Navigate } from "react-router-dom";
9 | import axios from "axios";
10 | import PublishingRoutes from "../routes/PublishingRoutes";
11 | import FacebookPage from "./FacebookPage";
12 |
13 | export const Publishing = () => {
14 | const { isAuth } = useSelector((store) => store.auth);
15 |
16 | return (
17 |
11 | {/* 
*/}
12 |
20 | );
21 | })}
22 |
13 |
19 |
14 | {update.name}
15 | {update.noti}
16 |
17 | {update.time}
18 |
18 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/client/src/components/anjali/SocialConnect.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Heading,Text,Button } from '@chakra-ui/react'
3 | import style from "./socialconnect.module.css";
4 |
5 | export const SocialConnect = () => {
6 | return (
7 |
8 |
17 | )
18 | }
19 |
--------------------------------------------------------------------------------
/client/src/components/sandeep/Recaptcha.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./Recaptcha.css";
3 |
4 | const Recaptcha = () => {
5 | return (
6 |
9 | 
10 |
11 |
10 |
12 | Connect your Social Page
13 | Connect your Facebook Page to get insights on your posts, audience growth, reach, engagement and more!
14 |
15 |
16 |
7 |
24 | );
25 | };
26 |
27 | export default Recaptcha;
28 |
--------------------------------------------------------------------------------
/client/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom/client";
3 | import "./index.css";
4 | import App from "./App";
5 | import reportWebVitals from "./reportWebVitals";
6 | import { BrowserRouter } from "react-router-dom";
7 | import { Provider } from "react-redux";
8 | import { store } from "./redux/store";
9 |
10 | const root = ReactDOM.createRoot(document.getElementById("root"));
11 | root.render(
12 |
8 |
17 |
18 | I'm not a robot
19 |
20 | 
21 |
23 |
21 | Privacy - Terms
22 |
14 |
22 |
15 |
21 |
16 |
20 |
12 | Subscribe to our newsletter
13 | We’ll keep you in the loop on our best advice and strategies for social media marketing and growing a small business.
14 |
15 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/Part4.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from "./part4.module.css";
3 | import { Text,Button } from '@chakra-ui/react';
4 |
5 | export const Part4 = () => {
6 | return (
7 |
16 |
17 |
18 |
19 |
8 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/client/src/routes/AdminDashRoutes.jsx:
--------------------------------------------------------------------------------
1 | // import React from "react";
2 | // import { Route, Routes, useLocation } from "react-router-dom";
3 | // import MainDash from "../components/shubham/components/MainDash/MainDash";
4 | // import Sidebar from "../components/shubham/components/Sidebar";
5 |
6 | // const AdminDashRoutes = () => {
7 | // const location = useLocation();
8 |
9 | // if (
10 | // location.pathname === "/admin" ||
11 | // location.pathname === "/admin/customers" ||
12 | // location.pathname === "/admin/orders" ||
13 | // location.pathname === "/admin/products"
14 | // ) {
15 | // return (
16 | // <>
17 | // <>
18 | //
9 |
19 |
10 | 
11 |
12 |
11 |
13 |
17 |
18 | Small Business, Big Lessons is a podcast from Buffer that goes behind the scenes with inspirational small businesses who are truly driving innovation and redefining how work happens.
14 | 15 | 16 |
10 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/server/src/models/user.model.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const UserSchema = new mongoose.Schema(
4 | {
5 | name: {
6 | type: String,
7 | // required: true,
8 | },
9 | email: {
10 | type: String,
11 | required: true,
12 | unique: true,
13 | },
14 | password: {
15 | type: String,
16 | required: true,
17 | },
18 | role: {
19 | type: String,
20 | enum: ["User", "Admin"],
21 | },
22 | fb_id: {
23 | type: String,
24 | },
25 | instagram_id: {
26 | type: String,
27 | },
28 | linkedin_id: {
29 | type: String,
30 | },
31 | facebook_posts: [
32 | {
33 | type: mongoose.Schema.Types.ObjectId,
34 | ref: "post",
35 | },
36 | ],
37 | instagram_posts: [
38 | {
39 | type: mongoose.Schema.Types.ObjectId,
40 | ref: "post",
41 | },
42 | ],
43 | linkedin_posts: [
44 | {
45 | type: mongoose.Schema.Types.ObjectId,
46 | ref: "post",
47 | },
48 | ],
49 | }
50 | // { collection: "user-data" }
51 | );
52 |
53 | const UserModel = mongoose.model("user", UserSchema);
54 |
55 | module.exports = UserModel;
56 |
--------------------------------------------------------------------------------
/client/src/components/anjali/analytics.module.css:
--------------------------------------------------------------------------------
1 | .Analytics {
2 | margin: auto;
3 | width: 100%;
4 | padding: 20px;
5 | justify-content: center;
6 | display: flex;
7 | gap: 40px;
8 | margin-top: 20px;
9 | }
10 |
11 | .sidebar {
12 |
13 | }
14 | .home {
15 | display: flex;
16 | gap:15px;
17 | margin-bottom: 60px;
18 | border-radius: 5px;
19 | padding: 5px;
20 | }
21 | .home:hover {
22 | background-color: gray;
23 | }
24 | .channel{
25 | border-bottom: 1px solid gray;
26 | }
27 | .sidebar > div {
28 | margin-bottom: 10px;
29 | }
30 | .sidebar > div > div {
31 | display: flex;
32 | gap: 10px;
33 | margin-bottom: 15px;
34 | padding: 5px;
35 | border-radius: 5px;
36 | }
37 | .sidebar > div > div:hover {
38 | background-color: gray;
39 | }
40 | .sidebar img {
41 | width: 30px;
42 | }
43 |
44 | .leftbar {
45 | margin: auto;
46 | width: 70%;
47 | border: 1px solid gray;
48 | border-radius: 8px;
49 | box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
50 | height: 100vh;
51 | overflow-y: scroll;
52 | text-align: left;
53 | padding: 20px;
54 | }
55 | .tools {
56 |
57 | border-bottom: 1px solid gray;
58 | }
59 |
--------------------------------------------------------------------------------
/client/src/components/shubham/fbhooks.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | // Injects the Facebook SDK into the page
4 | const injectFbSDKScript = () => {
5 | (function (d, s, id) {
6 | var js,
7 | fjs = d.getElementsByTagName(s)[0];
8 | if (d.getElementById(id)) {
9 | return;
10 | }
11 | js = d.createElement(s);
12 | js.id = id;
13 | js.src = "https://connect.facebook.net/en_US/sdk.js";
14 | fjs.parentNode.insertBefore(js, fjs);
15 | })(document, "script", "facebook-jssdk");
16 | };
17 |
18 | export const useInitFbSDK = () => {
19 | const [isInitialized, setIsInitialized] = React.useState(false);
20 |
21 | // Initializes the SDK once the script has been loaded
22 | // https://developers.facebook.com/docs/javascript/quickstart/#loading
23 | window.fbAsyncInit = function () {
24 | console.log(process.env.REACT_APP_FB_APP_ID);
25 | window.FB.init({
26 | // Find your App ID on https://developers.facebook.com/apps/
27 | appId: `${process.env.REACT_APP_FB_APP_ID}`,
28 | cookie: true,
29 | xfbml: true,
30 | version: "v8.0",
31 | });
32 |
33 | window.FB.AppEvents.logPageView();
34 | setIsInitialized(true);
35 | };
36 |
37 | injectFbSDKScript();
38 |
39 | return isInitialized;
40 | };
41 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/Part1.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from "./part1.module.css"
3 | import {ChevronRightIcon, WarningIcon} from "@chakra-ui/icons"
4 |
5 | export const Part1 = () => {
6 | return (
7 |
11 | Good afternoon!
12 | Charts are great, but sometimes you just want straight answers.Marks sure to check out our Answers tab.
13 |
14 |
15 |
16 | Totals
17 | Connect Facebook, Instagram, Twitter, LinkedIn Pages or (and!) Shopify to begin analyzing your marketing efforts.
18 |
19 |
26 |
27 |
20 |
25 |
8 |
27 | )
28 | }
29 |
--------------------------------------------------------------------------------
/server/src/models/post.model.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const PostSchema = new mongoose.Schema(
4 | {
5 | title: {
6 | type: String,
7 | required: true,
8 | },
9 | // image: {
10 | // type: String,
11 | // },
12 | // cloudinaryId: {
13 | // type: String,
14 | // },
15 | start: {
16 | type: String,
17 | },
18 | end: {
19 | type: String,
20 | },
21 | author: {
22 | type: String,
23 | // required: true,
24 | },
25 | author_id: {
26 | type: mongoose.Schema.Types.ObjectId,
27 | ref: "user",
28 | // required: true,
29 | },
30 | created_at: {
31 | type: Date,
32 | // required: true,
33 | },
34 | // likes: [
35 | // {
36 | // type: mongoose.Schema.Types.ObjectId,
37 | // ref: "User",
38 | // },
39 | // ],
40 | // comments: [
41 | // {
42 | // name: {
43 | // type: String,
44 | // },
45 | // comment: {
46 | // type: String,
47 | // },
48 | // date: {
49 | // type: Date,
50 | // },
51 | // },
52 | // ],
53 | }
54 | // { collection: "post-data" }
55 | );
56 |
57 | const PostModel = mongoose.model("post", PostSchema);
58 |
59 | module.exports = PostModel;
60 |
--------------------------------------------------------------------------------
/client/src/pages/Admin.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | --yellow: linear-gradient(180deg, #f8d49a -146.42%, #fad79d -46.42%);
3 | --orange: #fca61f;
4 | --black: #242d49;
5 | --gray: #788097;
6 | --purple: linear-gradient(180deg, #bb67ff 0%, #c484f3 100%);
7 | --pink: #ff919d;
8 | --glass: rgba(255, 255, 255, 0.54);
9 | --boxShadow: 0px 19px 60px rgb(0 0 0 / 8%);
10 | --smboxShadow: -79px 51px 60px rgba(0, 0, 0, 0.08);
11 | --activeItem: #f799a354;
12 | }
13 | .Admin {
14 | /* padding: 0.5rem 3.5rem; */
15 | color: var(--black);
16 | background: linear-gradient(
17 | 106.37deg,
18 | #ffe1bc 29.63%,
19 | #ffcfd1 51.55%,
20 | #f3c6f1 90.85%
21 | );
22 | height: 100vh;
23 | display: flex;
24 | align-items: center;
25 | justify-content: center;
26 | font-family: "Inter", sans-serif;
27 | }
28 |
29 | .AppGlass {
30 | display: grid;
31 | height: 97%;
32 | width: 97%;
33 | background: var(--glass);
34 | border-radius: 2rem;
35 | gap: 16px;
36 | grid-template-columns: 11rem auto 20rem;
37 | overflow: hidden;
38 | }
39 |
40 | @media screen and (max-width: 1200px) {
41 | .AppGlass {
42 | grid-template-columns: 10% 50% auto;
43 | overflow-y: scroll;
44 | }
45 | }
46 |
47 | @media screen and (max-width: 768px) {
48 | .AppGlass {
49 | grid-template-columns: 1fr;
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/part6.module.css:
--------------------------------------------------------------------------------
1 | .Part6 {
2 | margin: auto;
3 | width: 100%;
4 | text-align: center;
5 | background-color: #2c4bff ;
6 | margin-top: 40px;
7 | padding: 40px;
8 | }
9 | .Part6 > div {
10 | margin: auto;
11 | width: 50%;
12 | color: white;
13 | }
14 | .Part6 > div > h1 {
15 | font-size: 40px;
16 | font-weight: bold;
17 | }
18 | .inner {
19 | margin: auto;
20 | width: 50%;
21 | display: flex;
22 | gap: 20px;
23 | margin-top: 30px;
24 | }
25 |
26 | @media all and (min-width: 851px) and (max-width: 1024px){
27 |
28 | /* .Part6 > div {
29 |
30 | width: 50%;
31 |
32 | } */
33 | .Part6 > div > h1 {
34 | font-size: 30px;
35 | }
36 | .inner {
37 | margin: auto;
38 | width: 80%;
39 | gap: 10px;
40 | margin-top: 20px;
41 | }
42 |
43 | }
44 |
45 | @media all and (min-width: 250px) and (max-width: 851px){
46 | .Part6 {
47 |
48 | padding: 20px;
49 | }
50 | /* .Part6 > div {
51 | width: 60%;
52 |
53 | } */
54 | .Part6 > div > h1 {
55 | font-size: 20px;
56 |
57 | }
58 | .inner {
59 | width: 100%;
60 | flex-direction: column;
61 | }
62 | }
63 |
64 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/part1.module.css:
--------------------------------------------------------------------------------
1 | .part1 {
2 | margin: auto;
3 | width: 80%;
4 | display: flex;
5 | gap: 40px;
6 | margin-top: 20px;
7 | text-align: left;
8 | }
9 | .left {
10 | width: 50%;
11 |
12 | }
13 | .right {
14 | width: 50%;
15 | padding: 20px 0;
16 | }
17 | .right > h1 {
18 | font-size: 45px;
19 | font-weight: bold;
20 | }
21 | .date {
22 | color: gray;
23 | }
24 | .flexbox {
25 | margin-top: 15px;
26 | display: flex;
27 | gap: 20px;
28 | }
29 | .flexbox > div > img {
30 | width: 70px;
31 | border-radius: 50%;
32 | border: 1px solid blue;
33 | }
34 | .flexbox > div > h3{
35 | font-size: 20px;
36 | font-weight: bold;
37 | }
38 |
39 |
40 | @media all and (min-width: 851px) and (max-width: 1024px){
41 | .right > h1 {
42 | font-size: 25px;
43 |
44 | }
45 | .right > p {
46 | font-size: 15px;
47 |
48 | }
49 | .right {
50 | padding: 10px 0;
51 | }
52 | .flexbox > div > img {
53 | width: 50px;
54 | }
55 | }
56 |
57 | @media all and (min-width: 250px) and (max-width: 851px){
58 | .part1 {
59 | flex-direction: column;
60 | }
61 | .left {
62 | width: 100%;
63 | /* height: 500px; */
64 | }
65 | .right {
66 | width: 100%;
67 | padding: 0;
68 |
69 | }
70 | .right > h1 {
71 | font-size: 30px;
72 |
73 | }
74 | .right > p {
75 | font-size: 15px;
76 |
77 | }
78 | }
--------------------------------------------------------------------------------
/client/src/components/shubham/Sliding_S.jsx:
--------------------------------------------------------------------------------
1 | import { Box, Container, Heading, VStack, Image, Flex } from "@chakra-ui/react";
2 | import { data } from "./slidingData.js";
3 | import React from "react";
4 | import Ticker from "react-ticker";
5 | import "./Sliding_S.css";
6 |
7 | const Card = (props) => {
8 | const { id, avatar } = props;
9 | return (
10 |
9 | 
10 |
11 |
10 |
12 |
26 | Publications
Holiday Gift Guide of Small Businesses
14 |We've rounded up several products that would make the perfect gifts this holiday season. Even better, they're all from small businesses you can feel good about supporting.
15 |Dec 15, 2022
16 |
17 |
25 |
18 | 
19 |
20 |
19 |
21 |
24 | Umber Bhatti
22 |Content Writer @ Ecotone
23 |
59 |
61 | );
62 | };
63 |
64 | export default CustomerReview;
65 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/part2.module.css:
--------------------------------------------------------------------------------
1 | .Part2 {
2 | margin: auto;
3 | width: 80%;
4 | display: grid;
5 | grid-template-columns: repeat(2,1fr);
6 | gap: 40px;
7 | margin-top: 40px;
8 | }
9 | .Part2 > div {
10 | text-align: left;
11 | }
12 | .first > img {
13 | width: 100%;
14 | height: 300px;
15 | }
16 | .first > img:hover {
17 | transition: all 0.4s ease-in-out;
18 | transform: scale(1.03);
19 | }
20 | .second {
21 | margin-top: 15px;
22 | }
23 | .third {
24 | margin-top: 15px;
25 | height: 100px;
26 | }
27 | .head {
28 | margin-top: 15px;
29 | font-size: 20px;
30 | font-weight: bold;
31 | }
32 | .flex1 {
33 | margin-top: 15px;
34 | display: flex;
35 | justify-content: space-between;
36 | color: gray;
37 | }
38 | .flex2 {
39 | margin-top: 20px;
40 | display: flex;
41 | /* gap: 15px; */
42 | }
43 | .flex2 > div {
44 | margin: auto;
45 | display: flex;
46 | gap: 10px;
47 | margin-left: 20px;
48 | }
49 | .flex2 > div > p:first-child {
50 | font-weight: bold;
51 | }
52 | .flex2 > img {
53 |
54 | width: 40px;
55 | border-radius: 50%;
56 | }
57 |
58 |
59 | @media all and (min-width: 851px) and (max-width: 1024px){
60 | .third {
61 | height: 150px;
62 | }
63 |
64 |
65 | }
66 |
67 | @media all and (min-width: 250px) and (max-width: 851px){
68 | .head {
69 | font-size: 18px;
70 |
71 | }
72 | .Part2 {
73 |
74 | grid-template-columns: repeat(1,1fr);
75 |
76 | }
77 | .third {
78 | height: 150px;
79 | }
80 | }
81 |
--------------------------------------------------------------------------------
/client/src/redux/auth/auth.reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | LOGIN_ERROR,
3 | LOGIN_REQUEST,
4 | LOGIN_SUCCESS,
5 | LOGOUT,
6 | } from "./auth.types";
7 |
8 | let LocalToken = localStorage.getItem("token");
9 | const check =
10 | LocalToken !== undefined && LocalToken !== null && LocalToken !== "";
11 | const email = localStorage.getItem("email");
12 | const checkAdminAuth = email == "admin@gmail.com";
13 | console.log(checkAdminAuth)
14 | const initialState = {
15 | token: { token: LocalToken },
16 | isAuth: check,
17 | loading: false,
18 | error: false,
19 | AdminIsAuth: checkAdminAuth,
20 | };
21 |
22 | export const authReducer = (state = initialState, { type, payload }) => {
23 | switch (type) {
24 | case LOGIN_REQUEST: {
25 | return {
26 | ...state,
27 | loading: true,
28 | error: false,
29 | };
30 | }
31 | case LOGIN_SUCCESS: {
32 | localStorage.setItem("token", payload.token);
33 | return {
34 | ...state,
35 | isAuth: true,
36 | token: payload,
37 | loading: false,
38 | error: false,
39 | AdminIsAuth: checkAdminAuth,
40 | };
41 | }
42 | case LOGIN_ERROR: {
43 | // localStorage.setItem("token", payload);
44 | return {
45 | ...state,
46 | loading: false,
47 | error: true,
48 | errorMessage: payload,
49 | };
50 | }
51 | case LOGOUT: {
52 | localStorage.removeItem("token");
53 | localStorage.removeItem("email");
54 | return {
55 | ...state,
56 | isAuth: false,
57 | token: "",
58 | AdminIsAuth: false,
59 | };
60 | }
61 | default: {
62 | return state;
63 | }
64 | }
65 | };
66 |
--------------------------------------------------------------------------------
/client/src/components/anjali/Blog/part5.module.css:
--------------------------------------------------------------------------------
1 | .Part5 {
2 | margin: auto;
3 | width: 80%;
4 | display: grid;
5 | grid-template-columns: repeat(3,1fr);
6 | gap: 40px;
7 | margin-top: 40px;
8 | }
9 | .Part5 > div {
10 | text-align: left;
11 | }
12 | .first > img {
13 | width: 100%;
14 | height: 250px;
15 | }
16 | .first > img:hover {
17 | transition: all 0.4s ease-in-out;
18 | transform: scale(1.03);
19 | }
20 | .second {
21 | margin-top: 15px;
22 | }
23 | .third {
24 | margin-top: 15px;
25 | height: 100px;
26 | }
27 | .head {
28 | margin-top: 15px;
29 | font-size: 20px;
30 | font-weight: bold;
31 | }
32 | .flex1 {
33 | margin-top: 15px;
34 | display: flex;
35 | justify-content: space-between;
36 | color: gray;
37 | }
38 | .flex2 {
39 | margin-top: 20px;
40 | display: flex;
41 | /* gap: 15px; */
42 | }
43 | .flex2 > div {
44 | margin: auto;
45 | display: flex;
46 | gap: 10px;
47 | margin-left: 20px;
48 | }
49 | .flex2 > div > p:first-child {
50 | font-weight: bold;
51 | }
52 | .flex2 > img {
53 |
54 | width: 40px;
55 | border-radius: 50%;
56 | }
57 |
58 |
59 | @media all and (min-width: 851px) and (max-width: 1024px){
60 | /* .third {
61 | height: 150px;
62 | } */
63 | .Part5 {
64 |
65 | grid-template-columns: repeat(2,1fr);
66 |
67 | }
68 |
69 | }
70 |
71 | @media all and (min-width: 250px) and (max-width: 851px){
72 | .head {
73 | font-size: 18px;
74 |
75 | }
76 | .Part5 {
77 |
78 | grid-template-columns: repeat(1,1fr);
79 |
80 | }
81 | /* .third {
82 | height: 150px;
83 | } */
84 | }
85 |
--------------------------------------------------------------------------------
/client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "client",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@chakra-ui/icons": "^2.0.13",
7 | "@chakra-ui/react": "^2.4.3",
8 | "@emotion/react": "^11.10.5",
9 | "@emotion/styled": "^11.10.5",
10 | "@iconscout/react-unicons": "^1.1.6",
11 | "@mui/material": "^5.11.0",
12 | "@testing-library/jest-dom": "^5.16.5",
13 | "@testing-library/react": "^13.4.0",
14 | "@testing-library/user-event": "^13.5.0",
15 | "apexcharts": "^3.36.3",
16 | "axios": "^1.2.1",
17 | "chart.js": "^4.0.1",
18 | "date-fns": "^2.29.3",
19 | "firebase": "^9.15.0",
20 | "framer-motion": "^7.10.2",
21 | "react": "^18.2.0",
22 | "react-apexcharts": "^1.4.0",
23 | "react-big-calendar": "^1.5.2",
24 | "react-chartjs-2": "^5.0.1",
25 | "react-circular-progressbar": "^2.1.0",
26 | "react-datepicker": "^4.8.0",
27 | "react-dom": "^18.2.0",
28 | "react-icons": "^4.7.1",
29 | "react-redux": "^8.0.5",
30 | "react-router-dom": "^6.4.5",
31 | "react-scripts": "5.0.1",
32 | "react-ticker": "^1.3.2",
33 | "redux": "^4.2.0",
34 | "redux-thunk": "^2.4.2",
35 | "web-vitals": "^2.1.4"
36 | },
37 | "scripts": {
38 | "start": "react-scripts start",
39 | "build": "react-scripts build",
40 | "test": "react-scripts test",
41 | "eject": "react-scripts eject"
42 | },
43 | "eslintConfig": {
44 | "extends": [
45 | "react-app",
46 | "react-app/jest"
47 | ]
48 | },
49 | "browserslist": {
50 | "production": [
51 | ">0.2%",
52 | "not dead",
53 | "not op_mini all"
54 | ],
55 | "development": [
56 | "last 1 chrome version",
57 | "last 1 firefox version",
58 | "last 1 safari version"
59 | ]
60 | },
61 | "homepage": "*"
62 | }
63 |
--------------------------------------------------------------------------------
/client/src/routes/PublishingRoutes.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Route, Routes, useLocation } from "react-router-dom";
3 | import CalendarComponent from "../components/shubham/Calendar";
4 | import FacebookPage from "../pages/FacebookPage";
5 | import InstagramPage from "../pages/InstagramPage";
6 | import { Publishing } from "../pages/Publishing";
7 | import linkedinPage from "../pages/LinkedinPage";
8 | import PrivateRoute from "./PrivateRoute";
9 | import LinkedinPage from "../pages/LinkedinPage";
10 |
11 | const PublishingRoutes = () => {
12 | return (
13 | <>
14 |
14 |
15 |
16 | {" "}
19 | Create and schedule Twitter threads !Find out more{" "}
20 |
21 |
22 |
23 |
33 |
34 |
35 |
40 |
41 |
42 |
45 |
51 | Log in
52 |
53 |
54 |
63 |
64 |
66 |
67 |
68 | );
69 | }
70 |
71 | export default Navbar;
72 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/Card/Card.css:
--------------------------------------------------------------------------------
1 | .CompactCard {
2 | display: flex;
3 | flex: 1;
4 | height: 9rem !important;
5 | border-radius: 0.7rem;
6 | color: white;
7 | padding: 1rem;
8 | position: relative;
9 | cursor: pointer;
10 | }
11 | .CompactCard:hover {
12 | box-shadow: none !important;
13 | }
14 |
15 | /* radial bar */
16 | .radialBar {
17 | flex: 1 1;
18 | display: flex;
19 | flex-direction: column;
20 | justify-content: flex-end;
21 | gap: 1rem;
22 | }
23 | .CircularProgressbar {
24 | width: 4rem !important;
25 | overflow: visible;
26 | }
27 | .CircularProgressbar-path {
28 | stroke: white !important;
29 | stroke-width: 12px !important;
30 | filter: drop-shadow(2px 4px 6px white);
31 | }
32 | .CircularProgressbar-trail {
33 | display: none;
34 | }
35 | .CircularProgressbar-text {
36 | fill: white !important;
37 | }
38 |
39 | .radialBar > span {
40 | font-size: 17px;
41 | font-weight: bold;
42 | }
43 |
44 | /* sideDetail*/
45 | .detail {
46 | flex: 1;
47 | display: flex;
48 | flex-direction: column;
49 | align-items: flex-end;
50 | justify-content: space-between;
51 | }
52 |
53 | .detail > span:nth-child(2) {
54 | font-size: 22px;
55 | font-weight: bold;
56 | }
57 | .detail > span:nth-child(3) {
58 | font-size: 12px;
59 | }
60 |
61 | /* ExpandedCard */
62 | .ExpandedCard {
63 | position: absolute;
64 | width: 60%;
65 | height: 70vh;
66 | z-index: 9;
67 | left: 13rem;
68 | border-radius: 1rem;
69 | display: flex;
70 | flex-direction: column;
71 | align-items: center;
72 | justify-content: space-around;
73 | padding: 1rem;
74 | }
75 | .ExpandedCard > span:nth-of-type(1) {
76 | color: white;
77 | font-size: 26px;
78 | font-weight: bold;
79 | text-shadow: 0px 0px 15px white;
80 | }
81 | .ExpandedCard > span:nth-of-type(2) {
82 | color: rgb(236, 236, 236);
83 | font-size: 15px;
84 | }
85 |
86 | .chartContainer {
87 | width: 70%;
88 | }
89 |
90 | @media screen and (max-width: 1200px) {
91 | .ExpandedCard {
92 | top: 2rem;
93 | height: 45vh;
94 | left: 6rem;
95 | }
96 | }
97 |
98 | @media screen and (max-width: 768px) {
99 | .ExpandedCard {
100 | top: 8rem;
101 | height: 50%;
102 | left: 25px;
103 | width: 80%;
104 | }
105 | }
106 |
--------------------------------------------------------------------------------
/server/src/controllers/auth.controller.js:
--------------------------------------------------------------------------------
1 | const jwt = require("jsonwebtoken");
2 | const bcrypt = require("bcrypt");
3 | const UserModel = require("../models/user.model");
4 | const saltRounds = parseInt(process.env.SALT_ROUNDS);
5 |
6 | const register = async (req, res) => {
7 | const { name, email, password } = req.body;
8 | // const token = req.headers["authorization"];
9 |
10 | const user = await UserModel.findOne({ email });
11 | if (user) {
12 | return res.status(400).send({ error: "User already exists" });
13 | }
14 | bcrypt.hash(password, saltRounds, async (err, hash) => {
15 | if (err) {
16 | return res.status(500).send({ error: "Internal server error" });
17 | }
18 | try {
19 | // if (token) {
20 | // const decoded = jwt.verify(token, JWT_SECRET);
21 |
22 | // if (decoded && decoded.role === "Admin") {
23 | // const user = new UserModel({
24 | // name,
25 | // email,
26 | // password: hash,
27 | // role: "User",
28 | // });
29 | // await user.save();
30 | // return res.status(201).send("User created succesfully");
31 | // }
32 | // return res.status(403).send("You are not allowed to create user");
33 | // }
34 | const newUser = await UserModel.create({
35 | name,
36 | email,
37 | password: hash,
38 | role: "User",
39 | });
40 | return res.status(201).send({ user: newUser });
41 | } catch (err) {
42 | return res.status(500).send({ error: "Internal server error" });
43 | }
44 | });
45 | };
46 |
47 | const login = async (req, res) => {
48 | const { email, password } = req.body;
49 |
50 | const user = await UserModel.findOne({ email });
51 |
52 | if (!user) {
53 | return res.status(404).send({ error: "User not found" });
54 | }
55 |
56 | bcrypt.compare(password, user.password, async (err, result) => {
57 | if (err) {
58 | return res.status(500).send({ error: "Internal server error" });
59 | }
60 | if (!result) {
61 | return res.status(401).send({ error: "Invalid credentials" });
62 | }
63 | const token = jwt.sign({ _id: user._id }, process.env.JWT_SECRET, {
64 | expiresIn: "6h",
65 | });
66 | return res.status(200).send({ token });
67 | });
68 | };
69 |
70 | module.exports = { register, login };
71 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/Sidebar.css:
--------------------------------------------------------------------------------
1 | .sidebar {
2 | display: flex;
3 | flex-direction: column;
4 | position: relative;
5 | padding-top: 4rem;
6 | transition: all 300ms ease;
7 | }
8 | /* logo */
9 | .bars{
10 | display: none;
11 | }
12 |
13 | .logo {
14 | display: flex;
15 | height: 5rem;
16 | font-weight: bold;
17 | font-size: 22px;
18 | gap: 1rem;
19 | align-items: center;
20 | justify-content: center;
21 | height: 4%;
22 | }
23 | .logo > span > span {
24 | color: var(--pink);
25 | }
26 |
27 | .logo > img {
28 | width: 3rem;
29 | height: 3rem;
30 | }
31 |
32 |
33 | /* menu */
34 | .menu {
35 | margin-top: 4rem;
36 | display: flex;
37 | flex-direction: column;
38 | gap: 2rem;
39 | }
40 | .menuItem {
41 | display: flex;
42 | align-items: center;
43 | gap: 1rem;
44 | height: 2.5rem;
45 | margin-left: 2rem;
46 | position: relative;
47 | transition: all 300ms ease;
48 | border-radius: 0.7rem;
49 | font-size: 14px;
50 | }
51 |
52 | .menuItem:hover {
53 | cursor: pointer;
54 | }
55 |
56 | .menu .menuItem:last-child {
57 | position: absolute;
58 | bottom: 2.3rem;
59 | width: 100%;
60 | }
61 |
62 | .active {
63 | background: var(--activeItem);
64 | margin-left: 0;
65 | }
66 | .active::before {
67 | content: "";
68 | width: 8px;
69 | height: 100%;
70 | background: var(--pink);
71 | margin-right: calc(1rem - 8px);
72 | }
73 |
74 |
75 | /* Tablets */
76 | @media screen and (max-width: 1200px) {
77 | .menuItem>span{
78 | display: none;
79 | }
80 | .logo{
81 | display: none;
82 | }
83 | }
84 |
85 | @media screen and (max-width: 768px) {
86 | .sidebar{
87 | position: fixed;
88 | z-index: 9;
89 | background: #ffe0e0;
90 | width: 55%;
91 | padding-right: 1rem;
92 | height: 100%;
93 | }
94 | .menuItem>span{
95 | display: block;
96 | }
97 | .logo{
98 | display: flex;
99 | }
100 | .menu .menuItem:last-child {
101 | position: relative;
102 | margin-top: 6rem;
103 | }
104 | .bars{
105 | display: flex;
106 | position: fixed;
107 | top: 2rem;
108 | left:60%;
109 | background:#ffe0e0;
110 | padding:10px;
111 | border-radius: 10px;
112 | z-index: 9;
113 | }
114 | .close{
115 | left: -60%;
116 | }
117 | }
118 |
119 |
--------------------------------------------------------------------------------
/client/src/components/shubham/components/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import "./Sidebar.css";
3 | import Logo from "../imgs/logo.png";
4 | import { UilSignOutAlt } from "@iconscout/react-unicons";
5 | import { SidebarData } from "../Data/Data";
6 | import { UilBars } from "@iconscout/react-unicons";
7 | import { motion } from "framer-motion";
8 | import { NavLink } from "react-router-dom";
9 | import { ActionLogout } from "../../../redux/auth/auth.actions";
10 | import { useDispatch } from "react-redux";
11 |
12 | const Sidebar = () => {
13 | const [selected, setSelected] = useState(0);
14 |
15 | const [expanded, setExpaned] = useState(true);
16 |
17 | const dispatch = useDispatch();
18 |
19 | const sidebarVariants = {
20 | true: {
21 | left: "0",
22 | },
23 | false: {
24 | left: "-60%",
25 | },
26 | };
27 | console.log(window.innerWidth);
28 | return (
29 | <>
30 | setExpaned(!expanded)}
34 | >
35 |
37 |
44 | 
45 |
46 | Ecotone
47 |
48 |
49 |
50 |
51 | {SidebarData.map((item, index) => {
52 | return (
53 |
70 | setSelected(index)}
57 | >
58 |
60 | {item.heading}
61 |
62 |
63 | );
64 | })}
65 | {/* signoutIcon */}
66 |
67 | dispatch(ActionLogout())} />
68 |
69 |
43 |
48 |
49 |
81 |
82 |
83 | );
84 | }
85 |
--------------------------------------------------------------------------------
/client/src/pages/LinkedinPage.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Card,
4 | CardHeader,
5 | CardBody,
6 | CardFooter,
7 | Heading,
8 | Text,
9 | Stack,
10 | Button,
11 | HStack,
12 | SimpleGrid,
13 | Editable,
14 | EditablePreview,
15 | EditableTextarea,
16 | } from "@chakra-ui/react";
17 | import React, { useEffect, useState } from "react";
18 | import { useDispatch, useSelector } from "react-redux";
19 | import { deletePost, getChannelsPosts } from "../redux/posts/post.action";
20 | import DatePicker from "react-datepicker";
21 | import "react-datepicker/dist/react-datepicker.css";
22 |
23 | const LinkedinPage = () => {
24 | const { data } = useSelector((store) => store.posts);
25 | const dispatch = useDispatch();
26 | const [editDate, setEditDate] = useState({});
27 | const [posts, setPosts] = useState([]);
28 |
29 | useEffect(() => {
30 | dispatch(getChannelsPosts("linkedin_posts"));
31 | }, []);
32 |
33 | const handleDelete = (_id) => {
34 | dispatch(deletePost(_id, "linkedin_posts"));
35 | // dispatch(getChannelsPosts("facebook_posts"));
36 | };
37 |
38 | return (
39 | Recent Posts
44 |
38 |
44 |
45 |
49 |
116 |
118 | {param.title}
119 |
120 |
122 | Last 24 hours
123 |
73 |
74 |
85 |
86 | {fbPageAccessToken ? (
87 |
88 |
FB Page API
75 | {fbUserAccessToken ? ( 76 | 79 | ) : ( 80 | 83 | )} 84 |