Skip to content

Commit ede4dfa

Browse files
isha-73isha-73
committed
notes and bookmark fetched
1 parent 0c7708b commit ede4dfa

File tree

7 files changed

+160
-24
lines changed

7 files changed

+160
-24
lines changed

‎backend/models/career.mjs

+2-1
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,13 @@ const collegeSchema = new Schema({
1111
state: String
1212
});
1313

14+
1415
const subFieldSchema = new Schema({
1516
name: String,
1617
description: String,
1718
scope: String,
1819
image: String,
19-
video: String,
20+
video: [String],
2021
careerOpportunities: [careerOpportunitySchema],
2122
colleges: [collegeSchema]
2223
});

‎future/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
"react-icons": "^4.10.1",
2222
"react-router-dom": "^6.14.2",
2323
"react-scripts": "5.0.1",
24+
"react-youtube": "^10.1.0",
2425
"stream-browserify": "^3.0.0",
2526
"util": "^0.12.5",
2627
"web-vitals": "^2.1.0"

‎future/src/pages/About.js

+51-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,56 @@
1+
import { Text, VStack, Stack, Flex, Box } from '@chakra-ui/react'
12
import React from 'react'
23

34
export default function About() {
45
return (
5-
<div>About</div>
6+
<>
7+
<Stack w="full"
8+
h="full"
9+
px={100}
10+
spacing={8}
11+
align="center"
12+
paddingX={40}
13+
py={10}
14+
bg="#1D5B79"
15+
fontSize='20px'>
16+
17+
18+
<Text color="white">"Welcome to FutureYou, where we are dedicated to guiding you toward a fulfilling career that aligns perfectly with your passions and aspirations. Our mission is to be your guiding light, helping you navigate the vast array of possibilities and uncover your true calling. We envision a world where each individual wakes up with excitement, knowing they are pursuing a career that ignites their soul. Our promise to you is a personalized and expert career guidance experience like no other. Our team of passionate professionals with backgrounds in education, technology, and counseling is here to support you every step of the way on your journey of self-discovery."</Text>
19+
20+
21+
<Text color="white">This is your gateway to abundant information, resources, and expert insights, carefully curated to guide you in making informed decisions about your future. Embrace the exhilarating possibilities, expand your horizons, and unlock your true potential with FutureYou.'</Text>
22+
23+
24+
<Text color="white">Our journey together has just begun, and we are excited to offer you more in-depth career profiles, and interactive tools. So, are you ready to take the first step toward a brighter future? So, let's together unlock the door to your limitless potential at FutureYou!</Text>
25+
</Stack>
26+
27+
28+
<Stack
29+
w="full"
30+
h="full"
31+
px={100}
32+
33+
align="flex-end"
34+
paddingX={40}
35+
py={10}
36+
bg="#1D5B79"
37+
>
38+
39+
<Text fontSize='30px' fontFamily="cursive" color="#97E900">
40+
Made by :
41+
</Text>
42+
43+
44+
<Flex align="end" as="b" bg="#1D5B79" fontSize='20px'>
45+
<Text padding="5" color="#F3AA60">Isha Bule</Text>
46+
<Text padding="5" color="#F3AA60">Shruti Chandak</Text>
47+
<Text padding="5" color="#F3AA60">Tejaswini Patkar</Text>
48+
<Text padding="5" color="#F3AA60">Vaibhavi Deshmukh</Text>
49+
<Text padding="5" color="#F3AA60">Simran Desai</Text>
50+
<Text padding="5" color="#F3AA60">Anushka Gaikwad</Text>
51+
</Flex>
52+
53+
</Stack>
54+
</>
655
)
7-
}
56+
}

‎future/src/pages/DashBoard.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export default function DashBoard() {
2626
};
2727
return (
2828
<Box p={4} width="100%">
29-
<Flex align="center" justify="center" direction="column">
29+
<Flex align="center" justify="center" direction="column" >
3030
<Box mb={4} width="70%">
3131
<InputGroup>
3232
<Input placeholder="Search" value={searchValue} onChange={handleSearchChange} />
@@ -54,7 +54,7 @@ export default function DashBoard() {
5454

5555
<CardFooter justify="space-between" flexWrap="wrap">
5656
{/* Use the searchValue in the to attribute of the Link */}
57-
<Button flex="1" variant="ghost">
57+
<Button flex="1" >
5858
<Link to={`/major/${career.name}`}> Explore </Link>
5959
</Button>
6060
</CardFooter>

‎future/src/pages/Home.js

+53-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,59 @@
11
import React from 'react'
2+
import { AspectRatio, Text, VStack, HStack, Heading, Image, Button } from '@chakra-ui/react'
3+
import { Link } from 'react-router-dom'
24

35
export default function Home() {
46
return (
5-
<div>Home</div>
7+
<div bg="#1D5B79">
8+
9+
<VStack
10+
w="full"
11+
h="full"
12+
px={100}
13+
spacing={10}
14+
15+
bg="#1D5B79">
16+
17+
18+
<Heading size="full" align="center" as='b' fontSize='50px' color="#F3AA60" py='10'>Welcome to FutureYou - Your Path to Success!</Heading>
19+
20+
</VStack>
21+
22+
23+
<HStack bg="#1D5B79">
24+
<VStack w="full"
25+
h="70vh"
26+
px={100}
27+
spacing={7}
28+
align="flex-start"
29+
bg="#1D5B79"
30+
fontSize='25px'>
31+
32+
33+
<Text spacing={5} color="white" >
34+
Are you ready to embark on a journey of self-discovery and uncover your true passion? At FutureYou, we believe that every individual has a unique calling, a special domain that ignites their curiosity and fuels their ambitions. Our career guidance website is here to help you find that perfect path that aligns with your interests, strengths, and aspirations.
35+
</Text>
36+
37+
38+
<Text spacing={5} color="white">
39+
So, are you ready to take the first step toward a fulfilling and rewarding career? Click that "Let's Start" button, and let the journey of self-discovery begin! The future awaits, and it's yours to shape with FutureYou by your side. Let's make your dreams a reality together!
40+
</Text>
41+
42+
<Link to={'/dashboard'}>
43+
<Button size='lg' variant="outline" color="#1D5B79" bgColor="#F3AA60" >
44+
Let's Start
45+
</Button>
46+
</Link>
47+
48+
</VStack>
49+
50+
51+
<AspectRatio ratio={1} w={800}>
52+
<Image src='https://e7.pngegg.com/pngimages/692/564/png-clipart-teacher-educational-technology-learning-educational-technology-education-industry-class-text-thumbnail.png' alt='Education' p={10} borderRadius='full' />
53+
</AspectRatio>
54+
</HStack>
55+
56+
57+
</div>
658
)
759
}

‎future/src/pages/SubFields.js

+20-15
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { Card, CardHeader, CardBody, CardFooter, Spacer } from '@chakra-ui/react
44
import { Box, Heading, Text, Button, Image, Flex, Divider, Table, Thead, Tbody, Tr, Th, Td, Select } from '@chakra-ui/react';
55
import FloatingBookmark from '../components/FloatingBookMark';
66
import FloatingNotes from '../components/FloatingNotes';
7+
import YouTube from 'react-youtube';
78

89
export default function SubFields() {
910
const { major, subfield } = useParams();
@@ -19,7 +20,7 @@ export default function SubFields() {
1920
.then((response) => response.json())
2021
.then((data) => {
2122
setsubFieldsData(data);
22-
console.log(data.videos);
23+
console.log(data.video);
2324
})
2425
.catch((error) => {
2526
console.error('Error:', error);
@@ -138,23 +139,27 @@ export default function SubFields() {
138139
</Box>
139140

140141
</CardBody>
141-
{/* <CardFooter>
142+
<CardFooter>
143+
<Heading size='md' p={'2'}>Some interesting videos</Heading>
142144
{subFieldsData.video.map((video) => (
143-
<Box key={video.id} p={5}>
144-
<Heading size='md' p={'2'}>Some interesting vedios</Heading>
145-
<Box p={5}>
146-
<iframe
147-
width="560"
148-
height="315"
149-
src={video.link}
150-
title="YouTube video player"
151-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
152-
allowFullScreen
153-
></iframe>
154-
</Box>
145+
console.log(video),
146+
<Box key={video} p={5}>
147+
<YouTube
148+
videoId={video}
149+
opts={{
150+
height: '315',
151+
width: '560',
152+
playerVars: {
153+
autoplay: 0, // Set to 1 for autoplay
154+
controls: 1,
155+
rel: 0,
156+
},
157+
158+
}}
159+
/>
155160
</Box>
156161
))}
157-
</CardFooter> */}
162+
</CardFooter>
158163
</Card>
159164
<FloatingBookmark major={major} subfield={subfield} />
160165

‎future/yarn.lock

+31-3
Original file line numberDiff line numberDiff line change
@@ -4878,7 +4878,7 @@ data-urls@^2.0.0:
48784878
whatwg-mimetype "^2.3.0"
48794879
whatwg-url "^8.0.0"
48804880

4881-
debug@2.6.9, debug@^2.6.0:
4881+
debug@2.6.9, debug@^2.6.0, debug@^2.6.6:
48824882
version "2.6.9"
48834883
resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
48844884
integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -5764,7 +5764,7 @@ express@^4.17.3:
57645764
utils-merge "1.0.1"
57655765
vary "~1.1.2"
57665766

5767-
fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
5767+
fast-deep-equal@3.1.3, fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
57685768
version "3.1.3"
57695769
resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
57705770
integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -7620,6 +7620,11 @@ lines-and-columns@^1.1.6:
76207620
resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
76217621
integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
76227622

7623+
load-script@^1.0.0:
7624+
version "1.0.0"
7625+
resolved "https://registry.yarnpkg.com/load-script/-/load-script-1.0.0.tgz#0491939e0bee5643ee494a7e3da3d2bac70c6ca4"
7626+
integrity sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==
7627+
76237628
loader-runner@^4.2.0:
76247629
version "4.3.0"
76257630
resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
@@ -8976,7 +8981,7 @@ prompts@^2.0.1, prompts@^2.4.2:
89768981
kleur "^3.0.3"
89778982
sisteransi "^1.0.5"
89788983

8979-
prop-types@^15.6.2, prop-types@^15.8.1:
8984+
prop-types@15.8.1, prop-types@^15.6.2, prop-types@^15.8.1:
89808985
version "15.8.1"
89818986
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
89828987
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -9276,6 +9281,15 @@ react-style-singleton@^2.2.1:
92769281
invariant "^2.2.4"
92779282
tslib "^2.0.0"
92789283

9284+
react-youtube@^10.1.0:
9285+
version "10.1.0"
9286+
resolved "https://registry.yarnpkg.com/react-youtube/-/react-youtube-10.1.0.tgz#7e5670c764f12eb408166e8eb438d788dc64e8b5"
9287+
integrity sha512-ZfGtcVpk0SSZtWCSTYOQKhfx5/1cfyEW1JN/mugGNfAxT3rmVJeMbGpA9+e78yG21ls5nc/5uZJETE3cm3knBg==
9288+
dependencies:
9289+
fast-deep-equal "3.1.3"
9290+
prop-types "15.8.1"
9291+
youtube-player "5.5.2"
9292+
92799293
react@^18.2.0:
92809294
version "18.2.0"
92819295
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
@@ -9770,6 +9784,11 @@ signal-exit@^3.0.2, signal-exit@^3.0.3:
97709784
resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
97719785
integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
97729786

9787+
sister@^3.0.0:
9788+
version "3.0.2"
9789+
resolved "https://registry.yarnpkg.com/sister/-/sister-3.0.2.tgz#bb3e39f07b1f75bbe1945f29a27ff1e5a2f26be4"
9790+
integrity sha512-p19rtTs+NksBRKW9qn0UhZ8/TUI9BPw9lmtHny+Y3TinWlOa9jWh9xB0AtPSdmOy49NJJJSSe0Ey4C7h0TrcYA==
9791+
97739792
sisteransi@^1.0.5:
97749793
version "1.0.5"
97759794
resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
@@ -11181,3 +11200,12 @@ yocto-queue@^0.1.0:
1118111200
version "0.1.0"
1118211201
resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
1118311202
integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
11203+
11204+
youtube-player@5.5.2:
11205+
version "5.5.2"
11206+
resolved "https://registry.yarnpkg.com/youtube-player/-/youtube-player-5.5.2.tgz#052b86b1eabe21ff331095ffffeae285fa7f7cb5"
11207+
integrity sha512-ZGtsemSpXnDky2AUYWgxjaopgB+shFHgXVpiJFeNB5nWEugpW1KWYDaHKuLqh2b67r24GtP6HoSW5swvf0fFIQ==
11208+
dependencies:
11209+
debug "^2.6.6"
11210+
load-script "^1.0.0"
11211+
sister "^3.0.0"

0 commit comments

Comments
 (0)