A Concise Startup List for Your Next Project
Tags: startup, vue, beginners, firebase
Published: 2021-12-07 10:56:38

After searching for a **concise starter list** for a new project of mine (below if you’re interested), I decided to put a quick one together for the skimmers like me.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymcg1cc6axa5osqu5boy.png)

### Context
My [app](https://travelwithtern.com/?refEmail=dev@travelwithtern.co) is in the travel space and the first few steps for me were to create a logo, brand & a landing page. _(I already knew what I wanted to create, so these were the first steps of execution to feel a little established)_

### Basic Setup
- Purchase domain ([Google Domains,](https://domains.google/) [GoDaddy](https://www.godaddy.com/), etc.)
- Set up email for the domain (I’m using [Gmail](https://mail.google.com/))
- Set up Google [Drive](https://drive.google.com/) to store documents
- Set up [Notion](https://www.notion.so) for note-taking & planning
- Socials (can do more or less):
    - [Twitter](https://twitter.com/)
    - [Instagram](https://www.instagram.com/)
    - [TikTok](https://www.tiktok.com/)

### Code Setup
- Set up [GitHub](https://github.com/):
    - [Create an organization](https://docs.github.com/en/organizations/collaborating-with-groups-in-organizations/creating-a-new-organization-from-scratch)
    - Create repos for different purposes (or monolith) in the organization
- Create Cloud Account (I’m using [Firebase](https://firebase.google.com/) [it’s easy], you can use [AWS](https://aws.amazon.com/?aws-products-analytics.sort-by=item.additionalFields.productNameLowercase&aws-products-analytics.sort-order=asc), [Azure](https://portal.azure.com/), etc.)
- Set up [Figma](https://www.figma.com/files/recent?fuid=1017681420715291893) for all the designs
- [Fullstory](https://www.fullstory.com/) for screen-capture-esque analytics (I personally really love this so far, way easier than Amplitude, which is what I’ve used in the past)

### Logo & Branding
- _Logo_: paid a [friend who designs logos](https://sameerakhurana.webflow.io/) (we did 3 drafts + final deliverables)
- _Branding colours_: I asked 20-odd friends a simple question related to the brand (i.e. _When you think of stress free travel, what 2–3 colours come to mind_?) & picked 2 of the top complementing colors

### Landing Page (Waitlist)
_I will be posting another article with the scaffolding of my landing page_
- _Frontend_: [Vue3](https://v3.vuejs.org/) + [Tailwind](https://tailwindcss.com/) (Any [framework](https://www.simform.com/blog/best-frontend-frameworks/) works)
- _Backend_: [Firebase Functions](https://firebase.google.com/docs/functions) + [MailchimpAPI](https://mailchimp.com/developer/marketing/api/lists/) for email campaigns (stick to using this one, none of the other packages have worked for me, so I made a simple call to the Mailchimp endpoints as mentioned in the docs)
- _Waitlist_: [WaitlistAPI](https://getwaitlist.com/) / alternative [Firestore](https://firebase.google.com/products/firestore) methods (I created a Firestore collection & added each user’s information as a document, I use a referral email field to see who to give access to first)

# A little about my app — Tern:
####[_travelwithtern.com_](https://travelwithtern.com/?refEmail=dev@travelwithtern.com)

Tern is a modular itinerary builder that I'm building to relieve people of the headache of endlessly researching activities (restaurants, events, places, etc.) when visiting a new place. Of course, it can also be used on a day-to-day basis.

##### PS: If anyone wants to talk about Tern or anything else, please feel free to DM me on [LinkedIn](https://www.linkedin.com/in/tavishigupta/) or [Twitter](https://twitter.com/itstavishi), or email me at tavishi@travelwithtern.com