25 |
26 |
173 |
174 |
6 |
61 | );
62 | }
63 |
64 | export default About;
65 |
--------------------------------------------------------------------------------
/src/component/Achievements.js:
--------------------------------------------------------------------------------
1 | function About(props) {
2 | return (
3 |
7 |
8 | {props.num} {props.titleline}
9 |
10 |
11 |
12 |
13 |
60 |
14 | {props.content ? (
15 |
50 | {props.content}
16 | ) : ( 17 | <> 18 |19 | Semikolan is an open source focused community where we share our 20 | learnings, promote hackathons, conduct workshops beneficial to 21 | others and an inclusive space where anyone can share and ask 22 | anything they like related to tech and fun. 23 |
24 |25 | Semikolan is also a platform for like minded learners, 26 | developers and Enthusiasts to learn, connect, create great 27 | connections and work on great projects among themselves and for 28 | the community. 29 |
30 |31 | Anyone can join and become a part of the community and join our 32 | mission to build for the betterment. 33 |
34 | 35 | )} 36 |37 | 43 | 45 | Know More 46 | 47 | 48 |
49 |
55 |
56 | 
57 |
58 |
59 |
4 |
22 | );
23 | }
24 |
25 | export default About;
26 |
--------------------------------------------------------------------------------
/src/component/Captcha.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/semikolan-co/semikolan-react/4712505a48d9b69d01587027e64ab394fb0e4018/src/component/Captcha.js
--------------------------------------------------------------------------------
/src/component/Community.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import COMMUNITYJSONC from '../json/communities.jsonc'
3 | import COMMUNITY from '../json/communities.json'
4 | // import { safe as jsonc } from 'jsonc';
5 | // const COMMUNITY = jsonc.parse(COMMUNITYJSONC)
6 |
7 | function Community(props) {
8 | console.log("JSONC: ",COMMUNITYJSONC)
9 | return (
10 |
5 |
6 | {props.num} Where we can Help you
7 |
8 |
9 |
10 |
11 | {props.achievements.map((achievement, i) => {
12 | return (
13 |
21 |
14 |
15 | {achievement.title}
16 | {achievement.description}
17 |
18 | );
19 | })}
20 |
11 |
29 | );
30 | }
31 |
32 | export default Community;
33 |
--------------------------------------------------------------------------------
/src/component/Companies.js:
--------------------------------------------------------------------------------
1 | import payu from '../assets/images/companies/payu.png';
2 | import mindtree from '../assets/images/companies/mindtree.jpg';
3 | import microsoft from '../assets/images/companies/microsoft.png';
4 | import adplist from '../assets/images/companies/adplist.jpg';
5 | import cisco from '../assets/images/companies/cisco.jpg';
6 | import infosys from '../assets/images/companies/infosys.png';
7 | import crompton from '../assets/images/companies/crompton.jpg';
8 | import designerrs from '../assets/images/companies/designerrs.jpg';
9 | import ey from '../assets/images/companies/ey.jpg';
10 | import hexaware from '../assets/images/companies/hexaware.jpg';
11 | import induce from '../assets/images/companies/induce.jpg';
12 | import infostretch from '../assets/images/companies/infostretch.jpg';
13 | import infosysdigital from '../assets/images/companies/infosysdigital.jpg';
14 | import inmobi from '../assets/images/companies/inmobi.jpg';
15 | import makemytrip from '../assets/images/companies/makemytrip.png';
16 | import saal from '../assets/images/companies/saal.jpg';
17 | import solative from '../assets/images/companies/solative.jpg';
18 | import swoo from '../assets/images/companies/swoo.jpg';
19 | import apna from "../assets/images/companies/apna.jpg";
20 | import accenture from "../assets/images/companies/accenture.jpg";
21 | import iitk from "../assets/images/companies/iitk.jpg";
22 | import jwt from "../assets/images/companies/jwt.jpg";
23 | import neuratech from "../assets/images/companies/neuratech.jpg";
24 | import recro from "../assets/images/companies/recro.jpg";
25 | import designed from "../assets/images/companies/designed.jpg";
26 | import reliance from "../assets/images/companies/reliance.jpg";
27 | import risd from "../assets/images/companies/risd.jpg";
28 | import softude from "../assets/images/companies/softude.jpg";
29 | import uniliver from "../assets/images/companies/uniliver.jpg";
30 | import wongdoody from "../assets/images/companies/wongdoody.jpg"
31 |
32 | import React from 'react'
33 |
34 | export default class Companies extends React.Component {
35 | companies = {
36 | payu:payu,
37 | microsoft:microsoft,
38 | iitk:iitk,
39 | accenture:accenture,
40 | reliance: reliance,
41 | uniliver:uniliver,
42 | makemytrip:makemytrip,
43 | mindtree:mindtree,
44 | softude:softude,
45 | cisco:cisco,
46 | infosys:infosys,
47 | apna:apna,
48 | jwt:jwt,
49 | neuratech:neuratech,
50 | recro:recro,
51 | crompton:crompton,
52 | risd:risd,
53 | adplist:adplist,
54 | wongdoody:wongdoody,
55 | designed:designed,
56 | designerrs:designerrs,
57 | ey:ey,
58 | hexaware:hexaware,
59 | induce:induce,
60 | infosysdigital:infosysdigital,
61 | infostretch:infostretch,
62 | inmobi:inmobi,
63 | saal:saal,
64 | solative:solative,
65 | swoo:swoo
66 | }
67 |
68 | render() {
69 | return (
70 |
12 |
13 | {props.num} Community Partners
14 |
15 |
16 |
17 |
18 | {COMMUNITY.map((community, i) => {
19 | return (
20 |
21 |
28 |
22 | .default})
23 |
24 |
25 | );
26 | })}
27 |
23 |
71 |
85 |
86 |
87 | );
88 | }
89 | }
--------------------------------------------------------------------------------
/src/component/Contact.js:
--------------------------------------------------------------------------------
1 | import Lottie from "react-lottie";
2 | import git from "../assets/lottie/git";
3 | import { BrowserRouter as Link } from "react-router-dom";
4 | function Contact(props) {
5 | const gitlottie = {
6 | loop: true,
7 | autoplay: true,
8 | animationData: git,
9 | };
10 | const style = {
11 | width: "100%",
12 | };
13 | return (
14 |
72 | 03. Bringing Experience From
73 |
74 |
75 |
76 |
84 |
77 | {this.props.companies.map((company, i) => {
78 | return (
83 |
79 | 
80 |
)
81 | })}
82 |
15 |
44 | );
45 | }
46 |
47 | export default Contact;
48 |
--------------------------------------------------------------------------------
/src/component/ContactForm.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import Lottie from "react-lottie";
3 | import git from "../assets/lottie/git";
4 | import API from "./API";
5 | import Recaptcha from "react-recaptcha";
6 | import supabase from "./../supabase.js";
7 |
8 | function Contact(props) {
9 | const [name, setName] = useState("");
10 | const [email, setEmail] = useState("");
11 | const [message, setMessage] = useState("");
12 |
13 | // const [showCaptcha, setShowCaptcha] = useState(false);
14 | const [open, setOpen] = useState(false);
15 | const [click, setClick] = useState(false);
16 |
17 | var callback = function () {
18 | console.log("Done!!!!");
19 | };
20 | var verifyCallback = function (response) {
21 | console.log(response);
22 | if (response) {
23 | // setShowCaptcha(true);
24 | setClick(true);
25 | }
26 | };
27 |
28 | const gitlottie = {
29 | loop: true,
30 | autoplay: true,
31 | animationData: git
32 | };
33 | const style = {
34 | width: "100%"
35 | };
36 |
37 | const handleSubmit = async (event) => {
38 | event.preventDefault();
39 | console.log(click);
40 | setOpen(true);
41 | if (click) {
42 | // API.post(`contact`, { name, email, message })
43 | // .then((res) => {
44 | // alert(
45 | // "Your Query has been registered success. Our Team will contact you soon"
46 | // );
47 | // })
48 | // .catch(function (error) {
49 | // console.log(error);
50 | // alert(
51 | // `We're Sorry, Your query has not been Registered \n
52 | // It is happened due to -- ` + error
53 | // );
54 | // })
55 | // .then(function () {
56 | // // always executed
57 | // });
58 |
59 | const { data, error } = await supabase
60 | .from("messages")
61 | .insert([{ name,email,message }]);
62 |
63 | if (!error) {
64 | console.log("Data: ", data);
65 | } else {
66 | console.log("Error: ", error);
67 | console.log("Data :", data);
68 | }
69 |
70 | setEmail("");
71 | setName("");
72 | setMessage("");
73 | // setShowCaptcha(false);
74 | setOpen(false);
75 | setClick(false);
76 | }
77 | };
78 |
79 | return (
80 |
16 |
17 | {props.num} What's Next
18 |
19 |
20 |
21 |
22 |
43 |
27 |
31 |
28 |
30 |
36 | Get in Touch
37 |
38 | Join the community and ask out your queries at our community groups or reach out to us at contact@semikolan.co or subscribe to our newsletter below.
39 |
40 | Contact Us
41 |
42 |
81 |
82 |
83 | 02. Get in Touch with Us
84 |
85 |
86 |
87 |
88 |