/jobportal

Primary LanguageTypeScript

Jobsy. - A Job Portal Website


Jobsy. is a modern, user-friendly job portal that connects job seekers with potential employers. The website is built with the latest technologies, including MERN Stack and is designed to be accessible to all. Whether you're looking for a new job or looking to hire, Jobsy makes the process simple and straightforward.

This project marks our debut as developers, as well as our first team effort. Throughout the course of this project, we have honed our skills and learned a wealth of new technologies and problem-solving techniques. From the challenges we faced to the solutions we devised, this project has been a valuable learning experience that has prepared us for future projects and opportunities.

Visit our website: Jobsy Website

Table of Contents

  1. Project Status
  2. Features
  3. Technologies Used
  4. Screenshots
  5. Room for Improvement
  6. Acknowledgements
  7. Setup
  8. Our Team

1. Project Status

Project is: done

This project is the final project of a one-year MERN Stack course by DCI, officially presented on 02.02.2023.

2. Features

Jobsy provides several key features to both job seekers and employers.

For Not Logged In Users:

  • View advertisements without the need to log in
  • Opportunity to Sign Up

For Logged In Users:

  • Access advertisements and view the contact details of the publisher
  • Send messages to the publisher of the advertisements
  • Create and publish own advertisements (searching or offering)
  • Manage a user profile, including the ability to provide contact information (email and/or phone), profession, and a brief description about themselves
  • Edit their profile, including the ability to add a profile photo and update their "about" section
  • Monitor and manage their own advertisements, including the ability to edit and delete them
  • Delete their profile and all associated advertisements

3. Technologies Used

Jobsy uses the latest technologies and tools to deliver a fast, secure, and user-friendly experience. Some of the key technologies used in the project include:

Design:

General:

  • Node.js (v18.12.1)

Frontend:

  • React (^18.2.0)
  • TypeScript (4.9.3)
  • Vite (4.0.0)
  • Tailwind (3.2.4)
  • Axios (1.2.1)
  • Quill Rich Text Editor (^1.3.6)
  • Emoji Picker React (^4.4.7)
  • Framer Motion (8.0.1)
  • React Tostify (^9.1.1)

Backend

  • Express (^4.18.2)
  • Mongoose (^6.8.0)
  • Eslint (^8.29.0)
  • bcrypt (^5.1.0)
  • jswebtoken (^8.5.1)
  • Cloudinary (^1.33.0)
  • Socket.io (^4.5.4)

Data base:

  • MongoDB

Deployment:

  • Frontend: Netlify
  • Backend: Render

4. Screenshots

Mobile First

Desktop

6. Room for Improvement

Improvements for future development to provide better user expierence:

  • Confirmation process during sign-up, which can be enhanced by implementing a confirmation link.
  • Add new feature for user to network each other
  • Add new feature for user to manage ads created by other users in his/her account. eg. save and categorize ads (favorits, contacting)
  • Infinitive scroll in Mobile Version when browsing ads.
  • Ability to reset passwords

8. Acknowledgements

  • This is the final project of one year MERN Stack Course by Digital Career Institute.
  • This project was inspired by LinkedIn, makes communication as easy as possible with direct messeges.
  • Many thanks to our teachers Christoph Muck, Jan Laskowski, Manuel Jung and whole DCI Team.

7. Setup

To run this project, install it locally using npm:

$ git clone git@github.com:dimilidi/jobportal.git
$ cd backend
$ npm install
$ npm run dev
$ cd ../frontend
$ npm install
$ npm run dev

8. Our Team:

Jobsy is developed and maintained by a team of dedicated developers with a passion for building great products. Our team is constantly working to improve and enhance the website to provide the best experience for users.

  1. 👩‍🔧 Miki Gerlach (Backend, Frontend) LinkedIn
  2. 🥷 Lidiya Dimitrova (Backend, Frontend) LinkedIn
  3. 😎 Timon Hosch (Backend, Frontend) LinkedIn
  4. 🤸 Paulina Hryszko (Design, Frontend) LinkedIn
  5. 🧘‍♀️ Oriana Quintero (Design, Frontend) LinkedIn

Images credits to: https://icons8.com/illustrations