Code Monkey home page Code Monkey logo

candidateapplicationplatform's Introduction

Candidate Application Platform

Introduction

  • This React-based web application is designed to help users specifically Skilled Professionals to search and apply for jobs effectively.

  • It utilizes Redux for state management and Material-UI for a polished user interface

  • It provides functionality such as filtering jobs based on various criteria such as Role, Company Name, Experience, Salary

    and infinite scrolling for job listings.

Features

  • Dynamic Job Search: Users can search for jobs using filters like location, company name,job role, experience, and more.
  • Infinite Scrolling: Enhances user experience by loading jobs as the user scrolls, reducing initial load times.
  • Responsive Design: The application is fully responsive, providing an optimal browsing experience on both desktops and mobile devices.

Folder Structure

Below is the project's directory structure:

|-- /public/                   # contains index.html
    |-- index.html                 
|-- /src/                   
    |-- /jobComponents/         # contains all the components for showing in jobs section
    |-- /app            # configures and exports the Redux store, integrating reducers  like jobsReducer 
        |--store.js
    |--features
        |--jobSlice.js  #contains logic for fetching, filtering the state of job listings in application.
    |-- /shared/      # contains usable components such as for button and filterComponents
        |-- /buttons/   
        |-- /description/   
        |-- /filtersUi/
    |-- App.js
    |-- index.js
|-- README.md    # contains details and well documentation for the project abd how to use the project
|--requirements.txt   # contains the required dependencies that needs to be installed using npm i

Tech Stack Used

  • Reactjs : Used as frontend Framework
  • Redux : Used for fetching Api,filtering and managing states
  • Material Ui : Used for Creating better user-firendly UI
  • css : Make the styling of the project well and good.

How to run the project

This guide will walk you through setting up this React project on your local machine.

Installation

Follow these steps to get your development environment running:

  1. Clone the Repository

    Clone this repository to your local machine using the following command:

    git clone https://github.com/hubdev04/candidateApplicationPlatform.git
    
  2. Go to Project Directory

     cd ./candidateApplicationPlatform
  3. install neccessary packages and get node_modules folder

     npm i
  4. Start the Development Server

      npm start

This will start the local server, usually on port 3000. Your default web browser should open automatically to http://localhost:3000. If it doesn't, you can manually open a browser and enter this URL.

candidateapplicationplatform's People

Contributors

hubdev04 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.