From Design to Code: Our Journey Building ITConnect

from-design-to-code:-our-journey-building-itconnect

After weeks of planning and designing, we finally made the big move — we started building ITConnect, our platform aiming to connect job seekers with companies in the tech world.

We began by translating our interface from Figma into real, working code. But as anyone who has gone through this process knows, the transition from design to development comes with a whole new set of decisions and challenges.

Week 1: Setting the Technical Foundation
Our first milestone was to establish the project’s structure and core functionality. In this phase, we focused on:

  • Creating the initial project layout

  • Designing the navigation, footer, and main page sections

  • Building a login system that supports two user types: companies and job seekers

  • Setting up a database with key tables (users, companies, jobs, projects…)

  • Implementing a file upload system for CVs and profile images

Our Team & Workflow
We’re a small team of three, each with defined responsibilities:

Erzana – backend logic and database structure

Sumea – frontend development, bringing the Figma design to life

Isme – authentication and platform security

We collaborate daily using:

  • GitHub for version control

  • Discord for communication

  • phpMyAdmin for managing the database

Early Challenges & Lessons Learned
Every beginning has its bumps. Some of the challenges we tackled this week included:

  • Handling multiple user roles in a shared login system

  • Securing access to pages based on user type

  • Validating user input and profile data

  • Safely storing uploaded files

These problems helped us grow technically and work better as a team.

What’s Coming Next?
As we move forward, our goals include:

  • Building a company dashboard to manage job listings and applications

  • Creating a worker dashboard for profiles and CV management

  • Adding a section for freelance project applications

  • Integrating a calendar feature for interviews and meetings

We’re excited to keep sharing our progress and the lessons we’re learning along the way!

Total
0
Shares
Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post
your-first-pmo-toolkit:-the-essentials-you-actually-need

Your First PMO Toolkit: The Essentials You Actually Need

Next Post
mempersiapkan-lingkungan-pengembangan-elixir

Mempersiapkan Lingkungan Pengembangan Elixir

Related Posts