Skip to content

Commit

Permalink
Merge pull request #9 from pes-alcoding-club/server
Browse files Browse the repository at this point in the history 
Server
  • Loading branch information
@VarunMK
VarunMK authored Feb 5, 2021
2 parents 5863571 + 148677b commit 17e70fd
Show file tree
Hide file tree
Showing 38 changed files with 22,918 additions and 18,928 deletions.
0 .gitignore → client/.gitignore
View file
File renamed without changes.
44 changes: 21 additions & 23 deletions assets/Logo.svg → client/assets/Logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
140 changes: 140 additions & 0 deletions client/components/AboutUs.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
import { Divider, Heading, Link as L, Text } from '@chakra-ui/react';
import Link from 'next/link';
import React from 'react';
import MediaQuery from 'react-responsive';

const AboutUs = () => {
return (
<>
<MediaQuery minDeviceWidth={1224}>
<div>
<Heading
style={{
textAlign: 'center',
margin: '70px auto 50px',
}}
>
About Us
</Heading>
<Text
align="center"
style={{
padding: '0 110px 0 110px',
margin: '0 0 60px 0',
}}
fontSize="lg"
>
The Alcoding Club is the official Competitive
Programming Club under the CSE Department of PES
University. The club aims to cultivate and promote the
skills of competitive programming and problem solving in
the campus through our workshops and discussions
sessions, where we discuss previous online competition
problems and try to come up with solutions to those
problems. The competitions we participate in can be
found here on our{' '}
<span style={{ color: '#fd6378' }}>
<Link href="calendar">calendar</Link>
</span>
.
</Text>
<Text
align="center"
style={{
padding: '0 110px 0 110px',
margin: '0 0 70px 0',
}}
fontSize="lg"
>
The Alcoding Club is also responsible for representing
the university in various regional and international
coding competitions, from college fests, to major events
like the ACM ICPC, Google Kickstart and more. The Club
also hosts various competitions throughout the year.
While most of the competitions we host are online, we
also host an annual flagship coding competition where
students from colleges all over the country compete.
Finally, the Alcoding Club undertakes various
development projects every year, and offers summer
internships to work on the same. You can check out our
previous and ongoing projects{' '}
<L
color="#fd6378"
href="https://github.com/pes-alcoding-club"
userSelect="none"
>
here
</L>
.
</Text>
<Divider />
</div>
</MediaQuery>
<MediaQuery maxDeviceWidth={1224}>
<div style={{ width: '140%' }}>
<Heading
style={{
textAlign: 'center',
margin: '70px auto 50px',
}}
>
About Us
</Heading>
<Text
align="center"
style={{
padding: '0 70px 0 70px',
margin: '0 0 60px 0',
}}
fontSize="xl"
>
The Alcoding Club is the official Competitive
Programming Club under the CSE Department of PES
University. The club aims to cultivate and promote the
skills of competitive programming and problem solving in
the campus through our workshops and discussions
sessions, where we discuss previous online competition
problems and try to come up with solutions to those
problems. The competitions we participate in can be
found here on our{' '}
<span style={{ color: '#fd6378' }}>
<Link href="calendar">calendar</Link>
</span>
.
</Text>
<Text
align="center"
style={{
padding: '0 70px 0 70px',
margin: '0 0 70px 0',
}}
fontSize="xl"
>
The Alcoding Club is also responsible for representing
the university in various regional and international
coding competitions, from college fests, to major events
like the ACM ICPC, Google Kickstart and more. The Club
also hosts various competitions throughout the year.
While most of the competitions we host are online, we
also host an annual flagship coding competition where
students from colleges all over the country compete.
Finally, the Alcoding Club undertakes various
development projects every year, and offers summer
internships to work on the same. You can check out our
previous and ongoing projects{' '}
<L
color="#fd6378"
href="https://github.com/pes-alcoding-club/website"
userSelect="none"
>
here
</L>
.
</Text>
<Divider />
</div>
</MediaQuery>
</>
);
};
export default AboutUs;
0 components/Carousel.tsx → client/components/Carousel.tsx
View file
File renamed without changes.
0 components/Floating.tsx → client/components/Floating.tsx
View file
File renamed without changes.
6 changes: 5 additions & 1 deletion components/Footer.tsx → client/components/Footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import MediaQuery from 'react-responsive';

const Footer = () => {
return (
<div style={{bottom:0}}>
<div style={{ bottom: 0 }}>
<MediaQuery minDeviceWidth={1224}>
<footer
style={{
Expand Down Expand Up @@ -61,6 +61,7 @@ const Footer = () => {
LinkedIn
</Button>
</a>
<a href="mailto:[email protected]">
<Button
_hover={{
bg: '#DB4437',
Expand All @@ -79,6 +80,7 @@ const Footer = () => {
>
Mail
</Button>
</a>
</div>
</div>
</footer>
Expand Down Expand Up @@ -153,7 +155,9 @@ const Footer = () => {
padding: '0 27px',
}}
>
<a href="mailto:[email protected]">
Mail
</a>
</Button>
</div>
</div>
Expand Down
97 changes: 97 additions & 0 deletions client/components/Form.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
import {
Box,
Button,
Container,
Heading,
Input,
InputGroup,
InputLeftAddon,
Text,
} from '@chakra-ui/react';
import axios from 'axios';
import React, { useState } from 'react';

const Form = () => {
const [name, setName] = useState<string>('');
const [email, setEmail] = useState<string>('');

const onSubmit = async (e) => {
e.preventDefault();
await axios.post('http://localhost:5000/user/', { name, email });
};

return (
<>
<Container>
<Heading textAlign="center" my="10">
About the contest
</Heading>
<Text textAlign="center" fontSize="lg" my="5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis blandit posuere est, eget lacinia est fermentum at.
Mauris et ultrices arcu. Aliquam vitae pulvinar ex. Maecenas
vitae luctus sapien, nec laoreet metus. Nam ultricies
euismod dolor id vulputate. Cras sit amet faucibus enim, in
pulvinar metus. Pellentesque nec facilisis sem. Integer
vitae dolor sit amet quam tempor commodo. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere
cubilia curae; Phasellus vel massa et dolor tristique
sollicitudin non sed velit. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia curae;
Fusce in augue nulla. Nulla non lobortis purus. Proin
vestibulum mollis ipsum in condimentum. Ut eu sollicitudin
quam. Donec vehicula arcu a sapien molestie tempus. Nullam
et placerat nibh. Quisque blandit sed dui eget vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec sit amet enim pharetra, posuere odio nec, mollis mi.
Phasellus eu volutpat sapien, sit amet viverra nunc. Mauris
augue elit, ullamcorper sed lorem eu, venenatis euismod
arcu. Etiam vehicula ultricies diam, nec porttitor lacus
feugiat non. In vel placerat dui. Pellentesque velit purus,
tristique et blandit at, interdum at erat. Cras iaculis orci
leo, sollicitudin tincidunt tellus ultrices non. Suspendisse
dignissim congue enim, ut porttitor lectus lacinia nec. Nam
quis enim sit amet metus aliquam hendrerit vitae sit amet
velit. Vivamus odio nisl, dictum et sapien id, molestie
elementum quam. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Suspendisse tincidunt sem ut libero dictum,
et posuere urna placerat. Mauris fermentum nulla et sem
blandit, a fermentum neque lacinia.
</Text>
</Container>
<Container>
<Heading textAlign="center" my="10">
Apply
</Heading>
<InputGroup size="lg" my="5" mx="auto">
<InputLeftAddon children="Name" />
<Input
borderColor="#CBD5E0"
value={name}
onChange={(e) => setName(e.target.value)}
/>
</InputGroup>
<InputGroup size="lg" my="5">
<InputLeftAddon children="Email" />
<Input
borderColor="#CBD5E0"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>
</InputGroup>
<Box display="flex" justifyContent="center" my="10">
<Button
size="lg"
_hover={{ bg: '#0f3460', textColor: 'whitesmoke' }}
bgColor="#e94560"
onClick={onSubmit}
>
Submit
</Button>
</Box>
</Container>
</>
);
};

export default Form;
Loading

1 comment on commit 17e70fd

@vercel
Copy link

@vercel vercel bot commented on 17e70fd Feb 5, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.