DEV Community

Cover image for Building My First Side Project - Part 1
Johannes Mogashoa
Johannes Mogashoa

Posted on

1

Building My First Side Project - Part 1

Introduction

So it has been a while since I got introduced to web development and the community. Wrote my first line of simple code back in 2016 but only formerly started coding in 2020 when I was doing my first year in varsity. I have been contemplating this whole side project thing for making my portfolio look appealing to prospective employers. Finally found a simple project to do: A Student Accommodation Booking Portal.

Why??

I was recently trying to apply for accommodation and one of the residences didn't have a booking system. They were simply using a Google Forms to collect user information and to process everything. So I thought why not build a simple web app for them.

Then What??

In doing so, I opted for the following technologies when building this project:

Core Technologies:

  • React/NextJS
  • Tailwindcss
  • Prisma
  • TypeScript
  • SQLite DB
  • NextAuth

Experimental Technologies:

These are technologies that I am interested in learning/working with but currently unsure.

  • tRPC
  • GraphQL
  • Zustand

Features

This particular platform will include the following features:

  • Authentication (Google, Facebook, Email Magic Link) - Powered by NextAuth
  • Role-based Auth
  • Profile Creation and Editing

  • Viewing of all the properties

  • Application for accommodation and editing of application

  • Application Status tracking

  • Space Availability tracking

Progress?

So far not a lot has been done except for the following:

  • project initialization with typescript
  • adding tailwindcss
  • adding and initializing prisma and schema
  • adding nextauth
  • setting up Google OAuth Credentials

Current progress can be checked out here 👉 Github Link

For now it's back to coding. Part 2 coming soon... cheers 🤘🤘

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️