├── .eslintrc.json
├── src
├── app
│ ├── favicon.ico
│ ├── page.js
│ ├── models
│ │ └── reminder.js
│ ├── layout.js
│ ├── components
│ │ └── ui
│ │ │ ├── TextInput.js
│ │ │ ├── Form.js
│ │ │ ├── Modal.js
│ │ │ ├── MultiEmailSelector.js
│ │ │ ├── Button.js
│ │ │ └── SelectInput.js
│ ├── globals.css
│ ├── Screens
│ │ ├── AddBidRemind.js
│ │ └── BidFrom.js
│ └── api
│ │ └── email
│ │ └── route.js
└── lib
│ ├── db.js
│ └── scheduler.js
├── jsconfig.json
├── next.config.mjs
├── postcss.config.mjs
├── .gitignore
├── tailwind.config.js
├── public
├── vercel.svg
└── next.svg
├── package.json
└── README.md
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codewithsadaf/bid-reminder/HEAD/src/app/favicon.ico
--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "paths": {
4 | "@/*": ["./src/*"]
5 | }
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 |
4 | export default nextConfig;
5 |
--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('postcss-load-config').Config} */
2 | const config = {
3 | plugins: {
4 | tailwindcss: {},
5 | },
6 | };
7 |
8 | export default config;
9 |
--------------------------------------------------------------------------------
/src/app/page.js:
--------------------------------------------------------------------------------
1 | import Button from "@/app/components/ui/Button";
2 | import AddBidRemind from "./Screens/AddBidRemind";
3 |
4 | export default function Home() {
5 |
6 | return (
7 |
8 | Bid Manager
9 |
10 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/models/reminder.js:
--------------------------------------------------------------------------------
1 | import mongoose from 'mongoose';
2 |
3 | const reminderSchema = new mongoose.Schema({
4 | recipients: [String],
5 | candidateName: String,
6 | searchQuery: String,
7 | frequency: String,
8 | relevancyScore: Number,
9 | day: String,
10 | time: String,
11 | }, {
12 | timestamps: true,
13 | });
14 |
15 | export const Reminder = mongoose.models.Reminder || mongoose.model('Reminder', reminderSchema);
16 |
--------------------------------------------------------------------------------
/src/app/layout.js:
--------------------------------------------------------------------------------
1 | import { Inter } from "next/font/google";
2 | import "./globals.css";
3 |
4 | const inter = Inter({ subsets: ["latin"] });
5 |
6 | export const metadata = {
7 | title: "Create Next App",
8 | description: "Generated by create next app",
9 | };
10 |
11 | export default function RootLayout({ children }) {
12 | return (
13 |
14 | {children}
15 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/lib/db.js:
--------------------------------------------------------------------------------
1 | import mongoose from 'mongoose';
2 |
3 | const MONGODB_URI = process.env.MONGODB_URI;
4 |
5 | const connectToDatabase = async () => {
6 | if (mongoose.connection.readyState >= 1) {
7 | return;
8 | }
9 |
10 | try {
11 | await mongoose.connect(MONGODB_URI);
12 | console.log('Connected to MongoDB');
13 | } catch (error) {
14 | console.error('Failed to connect to MongoDB:', error);
15 | throw new Error('Failed to connect to MongoDB');
16 | }
17 | };
18 |
19 | export default connectToDatabase;
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .yarn/install-state.gz
8 |
9 | # testing
10 | /coverage
11 |
12 | # next.js
13 | /.next/
14 | /out/
15 |
16 | # production
17 | /build
18 |
19 | # misc
20 | .DS_Store
21 | *.pem
22 |
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 |
28 | # local env files
29 | .env*.local
30 | .env
31 |
32 | # vercel
33 | .vercel
34 |
35 | # typescript
36 | *.tsbuildinfo
37 | next-env.d.ts
38 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: [
4 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
5 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
6 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
7 | ],
8 | theme: {
9 | extend: {
10 | backgroundImage: {
11 | "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
12 | "gradient-conic":
13 | "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
14 | },
15 | },
16 | },
17 | plugins: [],
18 | };
19 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/components/ui/TextInput.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const TextInput = ({ label, name, register, errors = {}, ...rest }) => (
4 |
5 |
8 |
13 | {errors[name] && (
14 |
{errors[name]?.message}
15 | )}
16 |
17 |
20 |
21 |
22 |
23 |
24 | )
25 | }
26 |
27 | export default AddBidRemind
--------------------------------------------------------------------------------
/src/app/components/ui/Form.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useForm } from 'react-hook-form';
3 |
4 | const Form = ({ defaultValues = {}, onSubmit, children, validationSchema, mode = 'onSubmit' }) => {
5 | const { register, handleSubmit, control, formState: { errors } } = useForm({
6 | defaultValues,
7 | resolver: validationSchema,
8 | mode,
9 | });
10 |
11 | return (
12 |
24 | );
25 | };
26 |
27 | export default Form;
28 |
--------------------------------------------------------------------------------
/src/app/components/ui/Modal.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Modal = ({ isOpen, onClose, children, title }) => {
4 | if (!isOpen) return null;
5 |
6 | return (
7 |
8 |
9 |
10 |
{title}
11 |
18 |
19 |
20 | {children}
21 |
22 |
23 |
11 |
setEmailsList(_emails)}
15 | getLabel={(email, index, removeEmail) => {
16 | return (
17 |
18 | {email}
19 | removeEmail(index)}>
20 | ×
21 |
22 |
23 | );
24 | }}
25 | />
26 | {emailsListError}
}
28 |
29 | );
30 | export default MultiEmailSelector;
--------------------------------------------------------------------------------
/src/app/components/ui/Button.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import classNames from 'classnames';
3 |
4 | const Button = ({
5 | children,
6 | onClick,
7 | type = 'button',
8 | variant = 'primary',
9 | size = 'md',
10 | disabled = false,
11 | className = '',
12 | }) => {
13 | const baseStyles = 'font-semibold rounded focus:outline-none';
14 |
15 | const variants = {
16 | primary: 'bg-blue-500 text-white hover:bg-blue-600',
17 | secondary: 'bg-gray-500 text-white hover:bg-gray-600',
18 | danger: 'bg-red-500 text-white hover:bg-red-600',
19 | success: 'bg-green-500 text-white hover:bg-green-600',
20 | warning: 'bg-yellow-500 text-black hover:bg-yellow-600',
21 | };
22 |
23 | const sizes = {
24 | sm: 'px-2 py-1 text-sm',
25 | md: 'px-4 py-2 text-md',
26 | lg: 'px-6 py-3 text-lg',
27 | };
28 |
29 | const classes = classNames(
30 | baseStyles,
31 | variants[variant],
32 | sizes[size],
33 | {
34 | 'opacity-50 cursor-not-allowed': disabled,
35 | },
36 | className
37 | );
38 |
39 | return (
40 |
48 | );
49 | };
50 | export default Button;
--------------------------------------------------------------------------------
/src/app/components/ui/SelectInput.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useController } from 'react-hook-form';
3 |
4 | const SelectInput = ({ label, name, options, defaultValue, control, error }) => {
5 | const {
6 | field: { onChange, onBlur, value, name: fieldName },
7 | } = useController({
8 | name,
9 | control,
10 | });
11 |
12 | return (
13 |
14 |
17 |
33 | {error &&
{error.message}
}
34 |
77 |
Manage Bid Notification
78 |
Configure your email notification settings for relevant business bids
79 | {submitError &&
{submitError}
}
80 |
137 |