├── .env.example
├── .gitignore
├── README.md
├── app
├── ClientPage.tsx
├── layout.tsx
└── page.tsx
├── components
├── Footer.tsx
├── Header.tsx
├── Icons
│ ├── CheckIcon.tsx
│ ├── TwitterIcon.tsx
│ └── WebsiteIcon.tsx
├── InvestorTable.tsx
├── SearchBar.tsx
└── Stats.tsx
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── prisma
└── schema.prisma
├── public
├── favicon.ico
├── newIcon-white.svg
├── newIcon.svg
├── og-image.png
└── vercel.svg
├── styles
└── globals.css
├── tailwind.config.ts
├── tsconfig.json
└── utils
├── prisma.ts
└── utils.ts
/.env.example:
--------------------------------------------------------------------------------
1 | POSTGRES_PRISMA_URL=
2 | POSTGRES_URL_NON_POOLING=
3 |
--------------------------------------------------------------------------------
/.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 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.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 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # [aiangels.fund](https://www.aiangels.fund)
2 |
3 | A list of active angel investors that invest in AI startups.
4 |
5 | [](https://aiangels.fund/)
6 |
7 | ## Tech Stack
8 |
9 | This example is powered by the following services:
10 |
11 | - Next.js App Router (Framework)
12 | - Vercel Postgres & Prisma (Database)
13 | - Vercel (Analytics and hosting)
14 | - Tailwind (CSS Framework)
15 |
16 | ## Future Tasks
17 |
18 | - [ ] Dark mode
19 | - [ ] Profile pages with a full angel investor profile. Should include all the info in the table + maybe sections like previous investments
20 | - [ ] Download people's images locally so twitter profile pics don't break when they change them
21 |
--------------------------------------------------------------------------------
/app/ClientPage.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import Fuse from 'fuse.js';
4 | import Link from 'next/link';
5 | import { useSearchParams } from 'next/navigation';
6 | import { useMemo, useState } from 'react';
7 | import CheckIcon from '../components/Icons/CheckIcon';
8 | import InvestorTable from '../components/InvestorTable';
9 | import SearchBar from '../components/SearchBar';
10 | import Stats from '../components/Stats';
11 | import {
12 | checkSizes,
13 | classNames,
14 | compare,
15 | getCheckSizeForId,
16 | searchOptions,
17 | } from '../utils/utils';
18 | import Footer from '../components/Footer';
19 |
20 | export default function Dashboard({ data }: any) {
21 | const allAngels = data;
22 | const [search, setSearch] = useState('');
23 |
24 | const searchParams = useSearchParams();
25 | const category = searchParams!.get('category');
26 |
27 | // Define filtered & sorted angels array
28 | const ALL_ANGELS = allAngels
29 | .filter((angel: any) => !angel.hidden)
30 | .sort(compare)
31 | .filter((person: any) => {
32 | return !category ? true : person.checksize_id.toString() === category;
33 | });
34 |
35 | // Fuzzy search with highlighting
36 | const fuse = new Fuse(ALL_ANGELS, searchOptions);
37 | const angels = useMemo(() => {
38 | if (search.length > 0) {
39 | return fuse.search(search).map((match) => match.item);
40 | }
41 | return ALL_ANGELS;
42 | }, [search, ALL_ANGELS]);
43 |
44 | // Get stats
45 | const companies = [...new Set(angels.map((angel: any) => angel.company))];
46 | const allChecksizes = angels
47 | .filter((angel: any) => angel.checksize_id)
48 | .map((angel: any) => getCheckSizeForId(angel.checksize_id));
49 | const averageCheck =
50 | allChecksizes.reduce((a: number, b: number) => a + b, 0) /
51 | allChecksizes.length;
52 |
53 | return (
54 | <>
55 |
60 |
61 |
62 | {checkSizes.map((checkSize) => (
63 |
73 | {checkSize.label}
74 |
75 | ))}
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 | {/*
*/}
86 |
87 | {/*
*/}
88 |
89 |
90 |
45 |
46 |
47 | {children}
48 |
49 |
26 |
27 |
28 | Find the next angel investor for your AI startup
29 |
30 |
31 |
11 |
12 |
13 |
14 | |
18 | Name
19 | |
20 |
24 | Company
25 | |
26 |
30 | Title
31 | |
32 |
36 | Check Size
37 | |
38 |
42 | Details
43 | |
44 |
45 |
46 |
47 | {angels.map((person: any) => (
48 |
52 |
53 |
54 |
55 |
62 |
63 |
64 |
65 |
70 | {person.twitterVerified && (
71 |
72 | )}
73 |
74 |
96 |
97 | |
99 |
100 |
105 | |
106 |
107 |
112 | |
113 |
114 |
130 | {checkSizeMap[person.checksize_id]}
131 |
132 | |
133 |
134 |
139 | |
140 |
141 | ))}
142 |
143 |
144 | {angels.length === 0 && (
145 |
No results found
146 | )}
147 |
4 |
8 | setSearch(e.target.value)}
14 | className="w-full rounded-xl shadow-sm inline-flex relative items-center border border-gray-300 px-4 py-2 text-sm text-gray-700 placeholder:text-gray-400 focus:z-10 focus:outline-none focus:ring-gray-500 md:w-72 pl-10 xs:pl-12"
15 | placeholder="Search by name"
16 | />
17 |
18 | );
19 | }
20 |
21 | function SearchIcon(props: any) {
22 | return (
23 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/components/Stats.tsx:
--------------------------------------------------------------------------------
1 | import { kFormatter } from '../utils/utils';
2 |
3 | export default function Stats({ angelsLength, averageCheck, companiesLength }) {
4 | return (
5 |
6 |
7 |
8 |
9 |
10 |
-
11 | Angel Investors
12 |
13 | -
14 | {angelsLength}
15 |
16 |
17 |
18 |
-
19 | Average Check Size
20 |
21 | -
22 | {kFormatter(averageCheck) ? '$' + kFormatter(averageCheck) : '$0'}
23 |
24 |
25 |
26 |
-
27 | Confirmed Investments
28 |
29 | -
30 | {(angelsLength * 2.5).toFixed(0)}+
31 |
32 |
33 |
34 |
-
35 | Companies
36 |
37 | -
38 | {companiesLength}
39 |
40 |
41 |
42 |
43 |