24 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/components/navbar.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import NavButton from '@/components/navbutton'
3 | import Link from 'next/link'
4 | import Image from 'next/image'
5 |
6 | function Navbar({ navButtons }) {
7 | return (
8 | <>
9 |
10 |
65 |
66 |
67 | )
68 | }
69 | export default Navbar
70 |
--------------------------------------------------------------------------------
/components/navbutton.js:
--------------------------------------------------------------------------------
1 | import Link from 'next/link'
2 | import { withRouter } from 'next/router' //withRouter adds the router prop to the const
3 |
4 | //use the router prop to get the pathname, split it on '/' and style the link by giving it a classname which matches the base path (/writing, /portfolio)
5 | const NavButton = (props) => (
6 |
7 |
18 | I am a Product Designer and Researcher with a knack
19 | for building things. Currently finishing up my Master's Thesis with
20 | the HCI Division of Gothenburg University and IIIT Bangalore. I’m
21 | currently studying at{' '}
22 |
28 | IIIT Bangalore
29 | {' '}
30 | , India and doing my master's thesis under the supervision of{' '}
31 |
37 | Dr. Mattias Rost
38 | {' '}
39 | from the{' '}
40 |
46 | HCI Division
47 | {' '}
48 | of Gothenburg University and{' '}
49 |
55 | Dr. Bidisha Chaudhuri
56 |
57 | . Previously I interned with GE Healthcare as a Data Scientist in
58 | their services department to optimise the recovery and refurbishment
59 | of CT and MRI machines. I was also the Organiser for
60 | TEDxIIITBangalore’s very first TEDx event, along with my colleague
61 | Tejas Kotha.
62 |
63 |
64 |
65 | When I’m not working, I tinker around and make art, click photos or
66 | write about things at the intersection of Psychology, Design, Tech
67 | and Business. You will usually find me in the kitchen trying out all
68 | those youtube recipes. I occasionally take up freelance work as a
69 | side hustle.
70 |
71 |
72 |
73 | Feel free to get in touch with me for freelance work, questions or a
74 | quick chat. I’m active on Twitter and strive to maintain inbox zero
75 | :)
76 |
77 |
78 |
79 |
83 |
94 |
95 |
96 |
97 |
98 | )
99 | }
100 |
--------------------------------------------------------------------------------
/pages/api/exit-preview.js:
--------------------------------------------------------------------------------
1 | export default async function exit(_, res) {
2 | // Exit the current user from "Preview Mode". This function accepts no args.
3 | res.clearPreviewData()
4 |
5 | // Redirect the user back to the index page.
6 | res.writeHead(307, { Location: '/' })
7 | res.end()
8 | }
9 |
--------------------------------------------------------------------------------
/pages/api/preview.js:
--------------------------------------------------------------------------------
1 | import { getPreviewPostBySlug } from '@/lib/api'
2 |
3 | export default async function preview(req, res) {
4 | // Check the secret and next parameters
5 | // This secret should only be known to this API route and the CMS
6 | if (
7 | req.query.secret !== process.env.COSMIC_PREVIEW_SECRET ||
8 | !req.query.slug
9 | ) {
10 | return res.status(401).json({ message: 'Invalid token' })
11 | }
12 |
13 | // Fetch the headless CMS to check if the provided `slug` exists
14 | const post = await getPreviewPostBySlug(req.query.slug)
15 |
16 | // If the slug doesn't exist prevent preview mode from being enabled
17 | if (!post) {
18 | return res.status(401).json({ message: 'Invalid slug' })
19 | }
20 |
21 | // Enable Preview Mode by setting the cookies
22 | res.setPreviewData({})
23 |
24 | // Redirect to the path from the fetched post
25 | // We don't redirect to req.query.slug as that might lead to open redirect vulnerabilities
26 | res.writeHead(307, { Location: `/posts/${post.slug}` })
27 | res.end()
28 | }
29 |
--------------------------------------------------------------------------------
/pages/freelance.js:
--------------------------------------------------------------------------------
1 | import Head from 'next/head'
2 | import Layout from './../components/layout'
3 |
4 | export default function Freelance() {
5 | return (
6 | <>
7 |
8 |
9 | Freelance Work
10 |
14 |
18 |
19 |
Freelance Work
20 |
21 |
22 | )
23 | }
24 |
--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
1 | import Head from 'next/head'
2 | import React, { useState } from 'react'
3 | import Link from 'next/link'
4 | import Image from "next/image"
5 | import ProjectList from '@/components/projectlist'
6 | import WritingList from '@/components/writinglist'
7 | import { getAllPosts, getAllProjectsForHome } from '@/lib/api'
8 | import { HOME_OG_IMAGE_URL } from '@/lib/constants'
9 | import Layout from '@/components/layout'
10 |
11 | export default function Index({ allPosts, allWork }) {
12 | const shortAboutText = (
13 |
14 | Hi, I'm Shrey, a design engineer who loves building tools for
15 | productivity. Currently helping sales teams with conversational
16 | intelligence at {darkModeLinkStyleTag('Clari', 'https://clari.com/')},
17 | also experimenting with LLMs on the side.
18 |
19 |
20 | In the past, I helped build the SQL Editor and establish design processes
21 | at {darkModeLinkStyleTag('Atlan', 'https://atlan.com/')}. I've also built
22 | tools to study technology use in families. I have two cats, love talking
23 | about sustainable lifestyles, a huge fan of{' '}
24 | {darkModeLinkStyleTag(
25 | 'Khruangbin',
26 | 'https://www.youtube.com/watch?v=q4xKvHANqjk',
27 | )}{' '}
28 | and a lifelong stan of the{' '}
29 | {darkModeLinkStyleTag(
30 | 'Mass Effect universe',
31 | 'https://en.wikipedia.org/wiki/Mass_Effect',
32 | )}
33 | .
34 |
35 | )
36 |
37 | const longAboutText = (
38 |
39 |
40 | Hi, I'm Shrey, a design engineer who loves building tools for
41 | productivity. Currently building design systems and helping sales teams
42 | with conversational intelligence at{' '}
43 | {darkModeLinkStyleTag('Clari', 'https://clari.com/')}.
44 |
45 |
46 | At my alma mater{' '}
47 | {darkModeLinkStyleTag('IIIT Bangalore', 'https://www.iiitb.ac.in/')}, I
48 | studied electronics, then explored to data science for a while which
49 | landed me an internship at{' '}
50 | {darkModeLinkStyleTag('GE Healthcare', 'https://www.gehealthcare.in/')}
51 | 's data team in the services department. The work was great, we were
52 | building a process for the services team to optimise the sales of
53 | refurbished equipment, which has high demand in third world countries.
54 | But I wanted to study human behaviour and learn design.
55 |
56 |
57 | During this time, I also took courses like Human-computer interaction,
58 | qualitative research methods and the Web and the Mind. These courses
59 | made me gravitate towards HCI and product design, and I started working
60 | with the HCI department at the{' '}
61 | {darkModeLinkStyleTag(
62 | 'University of Gothenburg',
63 | 'https://www.gu.se/en',
64 | )}
65 | . There, I built methodologies and tools to better study technology use
66 | in families as part of my masters thesis under{' '}
67 | {darkModeLinkStyleTag(
68 | 'Prof. Mattias Rost',
69 | 'https://www.gu.se/en/about/find-staff/mattiasrost',
70 | )}
71 | .
72 |
73 |
74 | Before Clari, I helped build processes and the SQL Editor at{' '}
75 | {darkModeLinkStyleTag('Atlan', 'https://atlan.com/')}. I have two cats,
76 | Ginger and Loki. I also advocate leading a sustainable lifestyle, love
77 | composting and mushroom cultivation. I'm a huge fan of{' '}
78 | {darkModeLinkStyleTag(
79 | 'Khruangbin',
80 | 'https://www.youtube.com/watch?v=q4xKvHANqjk',
81 | )}{' '}
82 | and a lifelong stan of the{' '}
83 | {darkModeLinkStyleTag(
84 | 'Mass Effect universe',
85 | 'https://en.wikipedia.org/wiki/Mass_Effect',
86 | )}
87 | .
88 |
21 |
22 | )
23 | }
24 | return (
25 | 
38 |
39 |