├── .prettierrc
├── public
├── favicon.png
├── our-team.png
└── logo_transparent.png
├── styles
├── ATS.module.css
├── globals.css
├── Home.module.css
├── antd.less
└── ListingsPage.module.css
├── pages
├── _app.js
├── api
│ ├── pipeline.js
│ ├── jobListing
│ │ └── [id].js
│ ├── applicants
│ │ └── [id].js
│ ├── cv
│ │ └── [id].js
│ ├── jobs
│ │ └── [id].js
│ ├── me.js
│ ├── cv.js
│ ├── jobs.js
│ ├── applicants.js
│ ├── auth.js
│ └── users.js
├── signup.js
├── jobs.js
├── login.js
├── ats.js
├── index.js
└── jobs
│ └── [id].js
├── .eslintrc.json
├── .gitignore
├── middleware
└── database.js
├── next.config.js
├── package.json
├── README.md
├── components
├── addJobModal.js
├── editJobModal.js
├── applicantView.js
├── applicants.js
├── jobListings.js
├── insertApplicantModal.js
└── viewApplicantModal.js
└── LICENSE
/.prettierrc:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/baykamsay/simple-ats/HEAD/public/favicon.png
--------------------------------------------------------------------------------
/public/our-team.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/baykamsay/simple-ats/HEAD/public/our-team.png
--------------------------------------------------------------------------------
/public/logo_transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/baykamsay/simple-ats/HEAD/public/logo_transparent.png
--------------------------------------------------------------------------------
/styles/ATS.module.css:
--------------------------------------------------------------------------------
1 | .logo {
2 | height: 64px;
3 | margin: 0 56px 0 0;
4 | float: left;
5 | }
6 |
7 | .siteLayoutBackground {
8 | background: #fff;
9 | }
10 |
--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | a {
8 | color: inherit;
9 | text-decoration: none;
10 | }
11 |
12 | * {
13 | box-sizing: border-box;
14 | }
15 |
--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
1 | import "../styles/antd.less";
2 |
3 | // eslint-disable-next-line react/prop-types
4 | function MyApp({ Component, pageProps }) {
5 | return
31 |
66 |
67 | );
68 | }
69 |
--------------------------------------------------------------------------------
/pages/signup.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import Router from "next/router";
3 | import cookie from "js-cookie";
4 |
5 | const Signup = () => {
6 | const [signupError, setSignupError] = useState("");
7 | const [username, setUsername] = useState("");
8 | const [password, setPassword] = useState("");
9 | // const [passwordConfirmation, setPasswordConfirmation] = useState("");
10 |
11 | function handleSubmit(e) {
12 | e.preventDefault();
13 | fetch("/api/users", {
14 | method: "POST",
15 | headers: {
16 | "Content-Type": "application/json",
17 | },
18 | body: JSON.stringify({
19 | username,
20 | password,
21 | }),
22 | })
23 | .then((r) => r.json())
24 | .then((data) => {
25 | if (data && data.error) {
26 | setSignupError(data.message);
27 | }
28 | if (data && data.token) {
29 | //set cookie
30 | cookie.set("token", data.token, { expires: 2 });
31 | Router.push("/");
32 | }
33 | });
34 | }
35 | return (
36 |
65 | );
66 | };
67 |
68 | export default Signup;
69 |
--------------------------------------------------------------------------------
/pages/jobs.js:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 | import Link from "next/link";
3 | import styles from "../styles/Home.module.css";
4 | import listingStyles from "../styles/ListingsPage.module.css";
5 | import { Row, Col, Divider, List } from "antd";
6 |
7 | function Jobs({ jobs }) {
8 | return (
9 |
10 |
11 |
Jobs
12 |
13 |
14 |
15 |
16 |
17 | Job Openings
19 | (
24 |
27 |
28 | Apply
29 |
30 | ,
31 | ]}
32 | >
33 | {item.title}} />
34 | {item.location}
35 |
36 | )}
37 | />
38 |
39 |
40 |
41 |
42 |
51 |
44 |
98 |
99 | );
100 | }
101 |
--------------------------------------------------------------------------------
/pages/api/users.js:
--------------------------------------------------------------------------------
1 | const MongoClient = require("mongodb").MongoClient;
2 | const assert = require("assert");
3 | const bcrypt = require("bcrypt");
4 | const v4 = require("uuid").v4;
5 | const jwt = require("jsonwebtoken");
6 | const jwtSecret = process.env.JWT_SECRET; // put your jwt secret in env.local
7 |
8 | const saltRounds = 10;
9 | const dbName = "ATS";
10 | const client = new MongoClient(
11 | process.env.DB_URL, // put your db url in .env.local
12 | {
13 | useNewUrlParser: true,
14 | useUnifiedTopology: true,
15 | }
16 | );
17 |
18 | function findUser(db, username, callback) {
19 | const collection = db.collection("user");
20 | collection.findOne({ username }, callback);
21 | }
22 |
23 | function createUser(db, username, password, callback) {
24 | const collection = db.collection("user");
25 | bcrypt.hash(password, saltRounds, function (err, hash) {
26 | // Store hash in your password DB.
27 | collection.insertOne(
28 | {
29 | userId: v4(),
30 | username,
31 | password: hash,
32 | },
33 | function (err, userCreated) {
34 | assert.equal(err, null);
35 | callback(userCreated);
36 | }
37 | );
38 | });
39 | }
40 |
41 | export default (req, res) => {
42 | if (req.method === "POST") {
43 | // signup
44 | try {
45 | assert.notEqual(null, req.body.username, "Username required");
46 | assert.notEqual(null, req.body.password, "Password required");
47 | } catch (bodyError) {
48 | return res.status(403).json({ error: true, message: bodyError.message });
49 | }
50 |
51 | // verify username does not exist already
52 | client.connect(function (err) {
53 | assert.equal(null, err);
54 | console.log("Connected to MongoDB server =>");
55 | const db = client.db(dbName);
56 | const username = req.body.username;
57 | const password = req.body.password;
58 |
59 | findUser(db, username, function (err, user) {
60 | if (err) {
61 | res.status(500).json({ error: true, message: "Error finding User" });
62 | return;
63 | }
64 | if (!user) {
65 | // proceed to Create
66 | createUser(db, username, password, function (creationResult) {
67 | if (creationResult.ops.length === 1) {
68 | const user = creationResult.ops[0];
69 | const token = jwt.sign(
70 | { userId: user.userId, username: user.username },
71 | jwtSecret
72 | // , {
73 | // expiresIn: 3000, //50 minutes
74 | // }
75 | );
76 | res.status(200).json({ token });
77 | return;
78 | }
79 | });
80 | } else {
81 | // User exists
82 | res.status(403).json({ error: true, message: "Username exists" });
83 | return;
84 | }
85 | });
86 | });
87 | } else {
88 | // Handle any other HTTP method
89 | res.status(200).json({ users: ["John Doe"] });
90 | }
91 | };
92 |
--------------------------------------------------------------------------------
/components/applicantView.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import fetch from "isomorphic-unfetch";
3 | import useSWR, { mutate } from "swr";
4 | import { List, Spin, Card, Tag, Row, Col, Rate } from "antd";
5 | import ViewApplicantModal from "./viewApplicantModal";
6 |
7 | export default function ApplicantView(props) {
8 | const { data, error } = useSWR(`/api/jobs/${props.data}`, async function (
9 | args
10 | ) {
11 | const res = await fetch(args);
12 | return res.json();
13 | });
14 | const [modalVisible, setModalVisible] = useState(false);
15 | const [applicantData, setApplicantData] = useState({});
16 | function setColor(stage) {
17 | let color;
18 | switch (stage) {
19 | case "Applied":
20 | color = "magenta";
21 | break;
22 | case "Interview":
23 | color = "gold";
24 | break;
25 | case "Offer":
26 | color = "green";
27 | break;
28 | default:
29 | color = "blue";
30 | break;
31 | }
32 | return color;
33 | }
34 | if (error) return failed to load
;
35 | if (!data)
36 | return (
37 |
45 |
47 | );
48 | return (
49 |
50 | {
54 | mutate(`/api/jobs/${props.data}`);
55 | setModalVisible(false);
56 | }}
57 | pipeline={props.pipeline}
58 | />
59 | (
64 |
65 | {
70 | setApplicantData(item);
71 | setModalVisible(true);
72 | }}
73 | >
74 |
75 | {item.stage}
80 |
81 |
91 |
92 |
93 | )}
94 | />
95 |
96 | );
97 | }
98 |
--------------------------------------------------------------------------------
/components/applicants.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Layout,
4 | Menu,
5 | Typography,
6 | Divider,
7 | Spin,
8 | Row,
9 | Col,
10 | Button,
11 | } from "antd";
12 | import fetch from "isomorphic-unfetch";
13 | import useSWR from "swr";
14 | import styles from "../styles/ATS.module.css";
15 | import homeStyle from "../styles/Home.module.css";
16 | import { PlusOutlined } from "@ant-design/icons";
17 | import InsertApplicantModal from "./insertApplicantModal";
18 | import ApplicantView from "./applicantView";
19 |
20 | const { Content, Sider } = Layout;
21 | const { Title } = Typography;
22 |
23 | function Applicants(props) {
24 | const [
25 | insertApplicantModalVisible,
26 | setInsertApplicantModalVisible,
27 | ] = useState(false);
28 | const [selectedListing, setSelectedListing] = useState(props.data.initialId);
29 | const { data, error } = useSWR("/api/jobs", async function (args) {
30 | const res = await fetch(args);
31 | return res.json();
32 | });
33 | if (error) return failed to load
;
34 | if (!data)
35 | return (
36 |
37 |
39 | );
40 | return (
41 |
45 | {
48 | setInsertApplicantModalVisible(false);
49 | }}
50 | />
51 |
52 |
54 | Applicants
55 |
56 |
57 |
70 |
72 |
73 | {
78 | setSelectedListing(e.item.props.data);
79 | }}
80 | >
81 | {data.map((job, i) => (
82 |
83 | {job.title}
84 |
85 | ))}
86 |
87 |
88 |
93 |
98 |
99 |
100 | );
101 | }
102 |
103 | export default Applicants;
104 |
--------------------------------------------------------------------------------
/pages/login.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import Router from "next/router";
3 | import cookie from "js-cookie";
4 | import Head from "next/head";
5 | import { Layout, Form, Input, Button, message, Typography } from "antd";
6 |
7 | const { Text } = Typography;
8 | const layout = {
9 | labelCol: { span: 8 },
10 | wrapperCol: { span: 16 },
11 | };
12 | const tailLayout = {
13 | wrapperCol: { offset: 8, span: 16 },
14 | };
15 | const { Content, Footer } = Layout;
16 |
17 | const Login = () => {
18 | function handleSubmit(e) {
19 | const username = e.username;
20 | const password = e.password;
21 | //call api
22 | fetch("/api/auth", {
23 | method: "POST",
24 | headers: {
25 | "Content-Type": "application/json",
26 | },
27 | body: JSON.stringify({
28 | username,
29 | password,
30 | }),
31 | })
32 | .then((r) => {
33 | return r.json();
34 | })
35 | .then(async (data) => {
36 | if (data && data.error) {
37 | message.error(data.message);
38 | }
39 | if (data && data.token) {
40 | //set cookie
41 | cookie.set("token", data.token, {
42 | expires: 2,
43 | secure: true,
44 | sameSite: "strict",
45 | });
46 | Router.push("/ats");
47 | }
48 | });
49 | }
50 |
51 | useEffect(() => {
52 | Router.prefetch("/ats");
53 | }, []);
54 |
55 | return (
56 |
57 |
58 |
Login - Simple ATS
59 |
63 |
70 |
110 |
111 |
112 |
113 |
114 | );
115 | };
116 |
117 | export default Login;
118 |
--------------------------------------------------------------------------------
/components/jobListings.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import fetch from "isomorphic-unfetch";
3 | import useSWR, { mutate } from "swr";
4 | import {
5 | Layout,
6 | List,
7 | Card,
8 | Typography,
9 | Divider,
10 | Button,
11 | Row,
12 | Col,
13 | Spin,
14 | } from "antd";
15 | import styles from "../styles/ATS.module.css";
16 | import homeStyle from "../styles/Home.module.css";
17 | import { PlusOutlined } from "@ant-design/icons";
18 | import AddJobModal from "./addJobModal";
19 | import EditJobModal from "./editJobModal";
20 |
21 | const { Content } = Layout;
22 | const { Title } = Typography;
23 |
24 | export default function JobListings() {
25 | const [newJobModalVisible, setNewJobModalVisible] = useState(false);
26 | const [editJobModalVisible, setEditJobModalVisible] = useState(false);
27 | const [selectedListing, setSelectedListing] = useState({});
28 | const { data, error } = useSWR("/api/jobs", async function (args) {
29 | const res = await fetch(args);
30 | return res.json();
31 | });
32 | if (error) return failed to load
;
33 | if (!data)
34 | return (
35 |
36 |
38 | );
39 |
40 | return (
41 |
45 | {
48 | mutate("/api/jobs");
49 | setNewJobModalVisible(false);
50 | }}
51 | />
52 | {
56 | mutate("/api/jobs");
57 | setEditJobModalVisible(false);
58 | }}
59 | />
60 |
66 |
67 |
69 | Job Listings
70 |
71 |
72 |
85 | (
98 |
99 | {
102 | setSelectedListing(item);
103 | setEditJobModalVisible(true);
104 | }}
105 | title={item.title}
106 | >
107 | {item.description.length <= 88
108 | ? item.description
109 | : `${item.description.substr(0, 85)}...`}
110 |
111 |
112 | )}
113 | />
114 |
115 |
116 | );
117 | }
118 |
--------------------------------------------------------------------------------
/pages/ats.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import Head from "next/head";
3 | import fetch from "isomorphic-unfetch";
4 | import useSWR from "swr";
5 | import Router from "next/router";
6 | import cookie from "js-cookie";
7 | import { Layout, Menu, Spin, Row, Col, Button } from "antd";
8 | import styles from "../styles/ATS.module.css";
9 | import homeStyle from "../styles/Home.module.css";
10 | import Applicants from "../components/applicants";
11 | import JobListings from "../components/jobListings";
12 |
13 | const { Header, Content } = Layout;
14 |
15 | function ATS({ staticProps }) {
16 | const { data, revalidate } = useSWR("/api/me", async function (args) {
17 | const res = await fetch(args);
18 | return res.json();
19 | });
20 | const [componentId, setComponentId] = useState("1");
21 |
22 | useEffect(() => {
23 | if (data && !data.username && !cookie.get("token")) {
24 | Router.replace("/login");
25 | }
26 | }, [data]);
27 |
28 | if (!data || !data.username)
29 | return (
30 |
31 |
33 | );
34 |
35 | return (
36 |
37 |
38 |
Simple ATS
39 |
40 |
41 |
42 |
43 |
50 |
51 | {
62 | setComponentId(item.key);
63 | }}
64 | >
65 | Applicants
66 | Job Listings
67 | Settings
68 |
69 |
70 | {
73 | cookie.remove("token");
74 | revalidate();
75 | }}
76 | >
77 | Sign Out
78 |
79 |
80 |
81 |
82 |
87 | {componentId === "1" &&
90 |
91 |
failed to load
;
46 | if (!data)
47 | return (
48 |
49 |
51 | );
52 |
53 | return (
54 |
64 |
139 |
140 | );
141 | }
142 |
--------------------------------------------------------------------------------
/components/viewApplicantModal.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import { Modal, Descriptions, Form, Input, Button, Rate, Select } from "antd";
3 | import fetch from "isomorphic-unfetch";
4 | import { saveAs } from "file-saver";
5 |
6 | export default function ViewApplicantModal(props) {
7 | const [form] = Form.useForm();
8 |
9 | useEffect(() => {
10 | form.resetFields();
11 | }, [props.data]);
12 |
13 | async function handleSubmit(e) {
14 | e.id = props.data._id;
15 | await fetch("/api/applicants", {
16 | method: "put",
17 | body: JSON.stringify(e),
18 | });
19 | props.close();
20 | }
21 |
22 | async function deleteApplicant() {
23 | await fetch("/api/applicants", {
24 | method: "delete",
25 | body: JSON.stringify(props.data._id),
26 | });
27 | props.close();
28 | }
29 |
30 | async function downloadCV() {
31 | const res = await fetch(`/api/cv/${props.data.cv}`);
32 | let resJson = await res.json();
33 | const arr = new Uint8Array(resJson.file.data);
34 |
35 | let blob = new Blob([arr], { type: "application/pdf" });
36 | saveAs(blob, "cv.pdf");
37 | }
38 |
39 | return (
40 |
50 |
153 |
154 | );
155 | }
156 |
--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 | import Link from "next/link";
3 | import styles from "../styles/Home.module.css";
4 | import listingStyles from "../styles/ListingsPage.module.css";
5 | import { Row, Col, Button } from "antd";
6 | import { DownOutlined } from "@ant-design/icons";
7 |
8 | export default function Home() {
9 | return (
10 |
11 |
12 |
Home
13 |
14 |
15 |
16 |
17 |
25 | Example Jobs
31 |
32 | Join Us – add small and meaningful slogan here
33 |
34 | View Open Jobs
36 |
37 |
38 |
44 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
45 | interdum hendrerit pulvinar. Cras accumsan imperdiet augue in
46 | ornare. Ut ac ex eu leo aliquet porttitor ac id ligula.
47 |
48 |
54 | Nulla pellentesque lorem turpis, in rhoncus urna euismod sit amet.
55 | Aenean pharetra justo felis, quis congue dui faucibus non. Nulla
56 | blandit lacinia dolor, sit amet mattis massa fermentum ac.in.
57 |
58 |
59 |
60 |
61 | Our Mission
63 |
64 |
70 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
71 | interdum hendrerit pulvinar. Cras accumsan imperdiet augue in
72 | ornare.
73 |
74 |
75 |
76 |
81 |
83 |
84 | Our Team
93 |
102 | Photo by{" "}
103 |
108 | Anna Earl
109 | {" "}
110 | on{" "}
111 |
116 | Unsplash
117 |
118 |
119 |
120 |
121 |
122 |
123 | Join Us
125 |
126 |
127 |
128 |
129 |
138 |
77 |
79 | );
80 |
81 | return (
82 |
83 |
84 |
Jobs
85 |
86 |
87 |
88 |
89 |
90 | {data.title}
92 | {data.location}
93 | Apply For This Job
96 |
167 |
168 |
169 |
170 |
171 |
180 |
57 |
69 |
70 | 
101 |
102 | Photo by{" "}
103 |
108 | Anna Earl
109 | {" "}
110 | on{" "}
111 |
116 | Unsplash
117 |
118 |
119 |
120 |
121 |