Louai-Zokerburg/mern-stack-jobify

โ˜… 3Forks 0JavaScriptGitHub โ†—Compare

Project website โ†—

README

Jobify - MERN Stack Job Board

https://github.com/Louai-Zokerburg/mern-stack-jobify/blob/main/cover.png?raw=true

Live Demo

Check out the live demo of the app here

Description

Jobify is a full-stack MERN (MongoDB, Express, React, Node.js) web application that empowers users to manage job-related activities efficiently. The app provides a feature-rich interface with secure authentication, comprehensive job management, and user profile customization.

Tech Stack

  • Frontend:
    • React
    • Styled Components
    • React Query
    • React Context
    • Recharts.js
    • Axios
  • Backend:
    • Express
    • Node.js
    • MongoDB (Cloud Database)
    • Cloudinary (Image Storage)
    • JSON Web Token (JWT) for authentication

Features

  • ๐ŸŒ User Authentication:
    • Securely sign up or log in to access personalized features.
  • ๐Ÿ•ต๏ธ Job Browsing:
    • Explore a vast array of available jobs with detailed information.
  • โž• Add New Jobs:
    • Registered users can contribute to the job board by adding new job listings.
  • โŒ Delete Jobs:
    • Remove job listings that are no longer relevant or required.
  • ๐Ÿ”„ Update Jobs:
    • Modify job details or requirements for existing listings.
  • ๐Ÿ” Search Jobs:
    • Easily search for specific jobs based on keywords or criteria.
  • ๐ŸŽฏ Filter Jobs:
    • Utilize filtering options to narrow down job listings based on various parameters.
  • ๐Ÿ” Login & Signup:
    • A secure authentication system for user accounts.
  • ๐Ÿ–ผ๏ธ Add Profile Picture:
    • Personalize your profile by adding a custom profile picture.

How to Install

  1. Clone Repository:

    git clone https://github.com/Louai-Zokerburg/mern-stack-jobify.git
  2. Install Dependencies For the server:

    cd mern-stack-jobify
    npm install
  3. Install Dependencies For the client:

    cd client
    npm install
  4. Configure Environment Variables: Create a .env file in the root of the project with the following variables:

    MONGO_URL=
    PORT=5100
    NODE_ENV=development
    
    CLOUD_NAME=
    CLOUD_API_KEY=
    CLOUD_API_SECRET=
    
    JWT_SECRET=
    JWT_EXPIRES_IN=
  5. Run the Application:

    npm run server

Usage

  1. User Registration/Login:
    • Open the app and sign up or log in using your credentials.
  2. Job Browsing:
    • Explore available jobs on the main dashboard.
  3. Add New Jobs:
    • If logged in, contribute to the job board by adding new job listings.
  4. Delete Jobs:
    • Remove job listings that are no longer relevant.
  5. Update Jobs:
    • Modify job details or requirements for existing listings.
  6. Search Jobs:
    • Use the search feature to find specific jobs based on keywords.
  7. Filter Jobs:
    • Utilize filtering options to narrow down job listings based on various parameters.
  8. Login & Signup:
    • Securely manage your account through the authentication system.
  9. Add Profile Picture:
    • Personalize your user profile by adding a custom profile picture.

Contributors

Louai-Zokerburg

Issues