13 |
20 | );
21 | }
22 |
23 | export default App;
24 |
--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import App from './App';
3 |
4 | test('renders learn react link', () => {
5 | render(
59 | Welcome to my Portfolio
60 |
61 | Hi! I'm Ishan Singla
62 |
70 |
80 |
81 |
61 | Hi! I'm Ishan Singla
62 |
63 |
67 | {text}
68 |
69 |
70 | 71 | I am pursuing B.E CSE from Chitkara University,Chandigarh.I am 72 | currently polishing my skills related to Javascript, Node.js, 73 | Python, AI/ML and Flutter. If you need to collaborate in any of 74 | the projects plz feel free to contact me. 75 |
76 | 79 |
83 | 
88 |
89 |
90 |
55 |
83 |
84 | Get In Touch
56 | 82 |
68 | setOpen1(true)}
72 | edge="start"
73 | sx={DrawerStyle.IconButton}
74 | >
75 |
77 | setOpen1(false)}
83 | >
84 |
131 |
132 | );
133 | }
134 |
--------------------------------------------------------------------------------
/src/components/Global/LoginRegester.js:
--------------------------------------------------------------------------------
1 | import {
2 | TextField,
3 | Box,
4 | Typography,
5 | Container,
6 | IconButton,
7 | Button,
8 | InputAdornment,
9 | Modal,
10 | Tabs,
11 | Tab,
12 | } from "@mui/material";
13 | import {
14 | GitHub,
15 | Google,
16 | Visibility,
17 | VisibilityOff,
18 | } from "@mui/icons-material";
19 | import { useState } from "react";
20 | import { useForm } from "react-hook-form";
21 | import {LoginStyle} from "../style";
22 |
23 | function a11yProps(index) {
24 | return {
25 | id: `simple-tab-${index}`,
26 | "aria-controls": `simple-tabpanel-${index}`,
27 | };
28 | }
29 |
30 | export default function LoginRegester() {
31 | const [stateUpdate, setstateUpdate] = useState(true);
32 | const [showPassword, setShowPassord] = useState(true);
33 | const [value, setValue] = useState(0);
34 | const {
35 | register,
36 | handleSubmit,
37 | formState: { errors },
38 | } = useForm({
39 | defaultValues: {
40 | firstName: "",
41 | lastName: "",
42 | email: "",
43 | password: "",
44 | },
45 | });
46 |
47 | // submit
48 | const onSubmit = (data) => {
49 | alert("userData: " + JSON.stringify(data));
50 | };
51 | return (
52 | -
85 |
Comments
31 |51 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean 52 | luctus ut est sed faucibus. Duis bibendum ac ex vehicula laoreet. 53 | Suspendisse congue vulputate lobortis. Pellentesque at interdum 54 | tortor. Quisque arcu quam, malesuada vel mauris et, posuere sagittis 55 | ipsum. Aliquam ultricies a ligula nec faucibus. In elit metus, 56 | efficitur lobortis nisi quis, molestie porttitor metus. Pellentesque 57 | et neque risus. Aliquam vulputate, mauris vitae tincidunt interdum, 58 | mauris mi vehicula urna, nec feugiat quam lectus vitae ex. 59 |
60 | 61 |62 |
63 | posted 1 minute ago 64 |
65 |-
67 | {men.map((text, index) => (
68 |
-
77 |
121 |
130 |
131 |
136 |
141 |
142 | ))}
143 | 144 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean 145 | luctus ut est sed faucibus. Duis bibendum ac ex vehicula 146 | laoreet. Suspendisse congue vulputate lobortis. Pellentesque at. 147 |
148 |151 |
-
63 | {loading ? (
64 | <>
65 | {[1, 2, 3, 4, 5].map((user, index) => (
66 | <>
67 |
-
77 |
114 |
115 |
116 |
121 |
126 |
127 | ))}
128 | 
17 | 
58 | 
64 |
27 |
28 | Subscribe to our Newsletter
30 | {status === 'sending' && Sending... }
31 | {status === 'error' && {message} }
32 | {status === 'success' && {message} }
33 |
34 |
43 |
44 |
45 | )
46 | }
47 |
--------------------------------------------------------------------------------
/src/components/Profile/index.js:
--------------------------------------------------------------------------------
1 | import {
2 | Grid,
3 | Card,
4 | Box,
5 | Typography,
6 | Avatar,
7 | CardMedia,
8 | Icon,
9 | Divider,
10 | Tooltip,
11 | Stack,
12 | Tab,
13 | Tabs,
14 | AppBar,
15 | } from "@mui/material";
16 | import {
17 | Facebook,
18 | Twitter,
19 | Instagram,
20 | Message,
21 | Settings,
22 | } from "@mui/icons-material";
23 |
24 | const profilesListData = [
25 | {
26 | image: "https://telegra.ph/file/dff924bcc1144977cb0b5.png",
27 | name: "Sophie B.",
28 | description: "Hi! I need more information..",
29 | action: {
30 | type: "internal",
31 | route: "/pages/profile/profile-overview",
32 | color: "info",
33 | label: "reply",
34 | },
35 | },
36 | {
37 | image: "https://telegra.ph/file/dff924bcc1144977cb0b5.png",
38 | name: "Anne Marie",
39 | description: "Awesome work, can you..",
40 | action: {
41 | type: "internal",
42 | route: "/pages/profile/profile-overview",
43 | color: "info",
44 | label: "reply",
45 | },
46 | },
47 | {
48 | image: "https://telegra.ph/file/dff924bcc1144977cb0b5.png",
49 | name: "Ivanna",
50 | description: "About files I can..",
51 | action: {
52 | type: "internal",
53 | route: "/pages/profile/profile-overview",
54 | color: "info",
55 | label: "reply",
56 | },
57 | },
58 | {
59 | image: "https://telegra.ph/file/dff924bcc1144977cb0b5.png",
60 | name: "Peterson",
61 | description: "Have a great afternoon..",
62 | action: {
63 | type: "internal",
64 | route: "/pages/profile/profile-overview",
65 | color: "info",
66 | label: "reply",
67 | },
68 | },
69 | {
70 | image: "https://telegra.ph/file/dff924bcc1144977cb0b5.png",
71 | name: "Nick Daniel",
72 | description: "Hi! I need more information..",
73 | action: {
74 | type: "internal",
75 | route: "/pages/profile/profile-overview",
76 | color: "info",
77 | label: "reply",
78 | },
79 | },
80 | ];
81 | export default function Profile() {
82 | return (
83 | <>
84 | Subscribe to our Newsletter
& Never miss latest updates
30 | {status === 'sending' &&
44 |
53 | {projects.map((project, index) => {
54 | return
57 |
58 | Projects
45 |46 | I am pursuing B.E CSE from Chitkara University,Chandigarh.I 47 | am currently polishing my skills related to Javascript, 48 | Node.js, Python, AI/ML and Flutter. If you need to 49 | collaborate in any of the projects plz feel free to contact 50 | me. 51 |
52 |
70 | 
71 |
76 |
77 | );
78 | };
79 |
--------------------------------------------------------------------------------
/src/components/Skills.js:
--------------------------------------------------------------------------------
1 | import meter1 from "../assets/meter1.svg";
2 | import meter2 from "../assets/meter2.svg";
3 | import meter3 from "../assets/meter3.svg";
4 | import Carousel from 'react-multi-carousel';
5 | import 'react-multi-carousel/lib/styles.css';
6 |
7 | export const Skills = () => {
8 | const responsive = {
9 | superLargeDesktop: {
10 | // the naming can be any, depends on you.
11 | breakpoint: { max: 4000, min: 3000 },
12 | items: 5
13 | },
14 | desktop: {
15 | breakpoint: { max: 3000, min: 1024 },
16 | items: 5
17 | },
18 | tablet: {
19 | breakpoint: { max: 1024, min: 464 },
20 | items: 3
21 | },
22 | mobile: {
23 | breakpoint: { max: 464, min: 0 },
24 | items: 2
25 | }
26 | };
27 |
28 | return (
29 |
71 |
72 |
75 | {title}
73 | {description} 74 |
31 |
67 |
32 |
66 |
33 |
65 |
34 |
41 |
63 |
64 | Skills
35 |I am pursuing B.E CSE from Chitkara University,Chandigarh.I 36 | am currently polishing my skills related to Javascript, 37 | Node.js, Python, AI/ML and Flutter. If you need to 38 | collaborate in any of the projects plz feel free to contact 39 | me.
40 |
42 | 
43 |
45 | App Development
44 |
46 | 
47 |
49 | Bot Making
48 |
50 |
51 |
53 | AI / ML Models
52 |
54 | 
55 |
57 | Web Development
56 |
58 |
59 |
61 |
62 |