How to create an employee directory app with Notion & NotionApps

Today you’ll learn how to create an employee directory app with Notion & NotionApps

How to create an employee directory app with Notion & NotionApps
Do not index
Do not index
Hello there!! 👋
Today you’ll continue to build in Notion, this time creating an employee directory app using a tool called NotionApps.
You've got this! 💪

Today’s Task📝

🧱 Project: Create an Employee Directory App using Notion
⏲️ Estimated time: 30 minutes
🛠️ Tools: NotionApps

Context📄

Today you’ll learn a new use case for using Notion - app building!
Specifically, you’ll build an employee directory app, again using Notion as the database and the NotionApps for the front-end template.
The type of app you’ll be building today isn’t the type of app you’d download from an app store, but is a browser-based app that’s responsive on desktop and mobile. To install these types of apps on your devices, you can use the "Add to home screen" option on your browser.

Let's Prep 🥗

What’s NotionApps?
NotionApps allows you to turn Notion databases into apps that are responsive on desktop and mobile. Their highly flexible platform allows you to create apps from scratch or from a range of useful templates, like the one you’re going to use in today’s lesson!
 
👉Today’s Lesson
In today’s lesson you’ll pretend you’re a HR professional and you need to create a solution for logging important employee details. To keep things simple, all you need is an employee database (where you can search for employees) and the ability to easily add new employees to the database. Here’s a high level overview of how you’ll approach this task:
  1. Clone your app from a NotionApps template.
  1. Remove app screens and navigation items that aren’t relevant to this example scenario.
  1. Add a LinkedIn profile URL to the database and to employee records that are shown in the app.
  1. Add a new screen to your app which includes a form, enabling you to easily add new employees.
  1. Customize your app’s design and publish your app.
 
🔥 Get ready to build!
To make your life easier when you build, it’s good to get some practical stuff out the way first. Follow these steps so you’re ready to build:

Time to Cook 👩‍🍳

Follow the steps below to build:
  1. Sign up for your account with NotionApps
  1. Follow this step-by-step guide for today’s lesson.
  1. Share your employee directory app using #100DaysofNoCode
 
 
That’s a wrap, we hope you found this lesson helpful!
  • If you have any questions, feel free to reach out.

The easiest way to learn practical tech skills in 100 days.

Join other 40,231+ learners now!

Subscribe

Written by

Max Haining
Max Haining

Founder of 100School.com