Giter Site home page Giter Site logo

recruitment-react-app's Introduction

ga-project-2 - Patrick Kittle

React Front End Project

Recruitment Web Site - JobFinder I have chosen to create a recruitment portal app for my project 2.

Overview The app will consist of 3 key areas:

  • User/Job Seeker
  • Recruiter/Job Poster
  • Admin Page (Site owners)

Basic Functionailty I will be deploying the bare bones of the site for the project submission, but I will be using this projhect moving forward for a personal business enterprise.

  1. A user will be able to browse to the main page and view (public) job postings wihtout logging in

  2. User will be able to signup

  3. User will be able to signin

  4. After signin, user can set their personal details and job skills - these will be saved to the database

  5. Job Postings will be aligned with users skills to show the recomended job openings

  6. A recruiter wil be able to signup

  7. A recruiter will be able to signin

  8. A recruiter will be able to add job posting with a job description, key skills and location information

  9. An admin portal will allow for the sdite owners to administer users accounts only at MVP

The above represents an MVP for a business launch - however I do not believe I will have time to deploy all of this functionality

Routes I will use 3 routes for the app:

  1. Landing '/'
  2. Users '/users'
  3. Recruiters '/recruiters'
  4. Admin '/admin'

Technologies Used

Requirements Met:

  • Javascript
  • React Framework
  • Airtable via API/Fetch Syntax

Additional Technologies Used Google Auth - Not Deployed Material UI STRETCH: Firebase - Used for the Jobs posting only STRETCH: Adzuna API (to pull public job postings into the site to drive traffic)

Important Links Jira Board Link: https://patrickkittle.atlassian.net/jira/software/projects/GAP2/boards/1 Live Site Link: TBC Wireframes Link: TBC - Again I canont make public without user signin - to check on that

Screen Shots

Landing Page

Landing Page

User Main Screen

User Main Screen

User Profile Update Screen

Profile Update

Login Screen

Login Page

Signup Screen

User Signup Page

Some of the Key Functions

I had some fun forcing in the use of Airtable with native fetch - this required a lot of code to build the signup and login features, but it was quite interesting.

Lessons Learned

Use the best tool for the job. Signup and login can be handled by external libraries and products. This could have saved a lot of time.

Plan routing. I spent a lot of time working out issues with routing and redirection that could have been avoided.

Learning new products on the fly - I made a decision late on to use Material UI - while I'm sure it's are alyl good product, I didn't have time to properly research it before piling in to the aesthetics could have been better implemented.

Future Plans I fully intend to rebuid this project using firebase for the db, auth and potentially hosting in order to better understnad it's capabilities. There are several features in the icebox/backlog that I also want to build, the recruiter side of the app for starters, and thenm an admin page.

recruitment-react-app's People

Contributors

p-at-rick-sg 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.