Skip to content

Commit a36afba

Browse files
edenstromedenstrom
committed
initial commit
0 parents  commit a36afba

12 files changed

+1226
-0
lines changed

‎.gitignore

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
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+
31+
# vercel
32+
.vercel
33+
34+
# typescript
35+
*.tsbuildinfo
36+
next-env.d.ts

‎README.md

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
# Quartr Code Test
2+
3+
Welcome to the Quartr code test. This assessment aims to evaluate the creative aspects of your web development skills.
4+
5+
## Objective
6+
7+
Your task is to design an outstanding hero/top section for a website. You have complete creative freedom regarding its content.
8+
9+
We have provided sample text from quartr.com, which you may choose to use or replace with your own.
10+
11+
### Scope:
12+
- Focus on one device size; responsiveness is not required.
13+
- SEO/meta tags are unnecessary.
14+
15+
### Estimated Time:
16+
Maximum 4 hours
17+
18+
> [!TIP]
19+
> If you need more time, explain your approach and planning in written form or during a call, rather than exceeding the allocated time.
20+
21+
## Submission
22+
23+
Please upload your completed test to a GitHub repository and invite the user `@edenstrom` for review.
24+
25+
## Technical Details
26+
27+
> [!NOTE]
28+
> A boilerplate has been supplied, but usage is optional.
29+
30+
- Next.js
31+
- Tailwind CSS
32+
- TypeScript
33+
34+
## Getting Started
35+
36+
Packages are pre-installed with pnpm, but you may use any package manager.
37+
38+
To start the development server:
39+
40+
```bash
41+
pnpm dev
42+
# or
43+
npm run dev
44+
# or
45+
yarn dev
46+
# or
47+
bun dev
48+
```
49+
50+
Open http://localhost:3000 in your browser to view the project.
51+
52+
You can begin editing the project by modifying `app/page.tsx`. Changes will be reflected immediately.

‎app/favicon.ico

25.3 KB
Binary file not shown.

‎app/globals.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
@layer utilities {
6+
.text-balance {
7+
text-wrap: balance;
8+
}
9+
}

‎app/layout.tsx

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import type { Metadata } from "next";
2+
import { Inter } from "next/font/google";
3+
import "./globals.css";
4+
5+
const inter = Inter({ subsets: ["latin"] });
6+
7+
export const metadata: Metadata = {
8+
title: "Code test",
9+
description: "Just a code test",
10+
};
11+
12+
export default function RootLayout({
13+
children,
14+
}: Readonly<{
15+
children: React.ReactNode;
16+
}>) {
17+
return (
18+
<html lang="en">
19+
<body className={inter.className}>{children}</body>
20+
</html>
21+
);
22+
}

‎app/page.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
export default function Home() {
2+
return (
3+
<main className="flex min-h-screen flex-col items-center justify-center p-24">
4+
<div className="flex flex-col items-center gap-2">
5+
<h1 className="text-4xl font-semibold text-center">Go beyond numbers</h1>
6+
<div className="text-2xl text-center">Transforming the way finance professionals conduct qualitative public market research.</div>
7+
<button type="button">Get started</button>
8+
</div>
9+
</main>
10+
);
11+
}

‎next.config.mjs

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/** @type {import('next').NextConfig} */
2+
const nextConfig = {};
3+
4+
export default nextConfig;

‎package.json

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{
2+
"name": "creative-codetest",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev",
7+
"build": "next build",
8+
"start": "next start",
9+
"lint": "next lint"
10+
},
11+
"dependencies": {
12+
"react": "^18",
13+
"react-dom": "^18",
14+
"next": "14.2.3"
15+
},
16+
"devDependencies": {
17+
"typescript": "^5",
18+
"@types/node": "^20",
19+
"@types/react": "^18",
20+
"@types/react-dom": "^18",
21+
"postcss": "^8",
22+
"tailwindcss": "^3.4.1"
23+
}
24+
}

0 commit comments

Comments
 (0)