Code Monkey home page Code Monkey logo

careerleap's Introduction

CareerLeap: connecting job seekers who have disabilities to employers and mentors

Submitted to HackCamp 2022

🏆 Most Innovative Project among 26 submissions

Inspiration

People with disabilities are often not considered potential members of the workforce. According to the Canadian Centre for Policy Alternatives, over 400,000 Canadians with disabilities are currently unemployed even though they are able and willing to work. As yet, access to effective employment support is limited.

What CareerLeap does

CareerLeap is a networking platform that connects job seekers with disabilities looking for a job in skills trades with either an employer or a peer who is employed. Job seekers have the option to connect with someone with a disability if they prefer. When you open the home page, all registered mentors are displayed with their basic information (location and job) and buttons that are linked to their LinkedIn and email addresses. You can filter the mentors shown by going to the FilterBy page where you can filter whether they have a disability or not and the type of skills trades career. We hope this website would break down barriers to employment for people with disabilities.

Building Process

We built the website using React, CSS, JavaScript, and HTML and the design prototype using Figma.

Challenges

  • Learning React and Figma for the first time
  • Programming the filter function
  • Editing the profile layout but using flex list helped solve this issue

What’s next for CareerLeap

We would like to improve accessibility by implementing an enlarge text size function and allowing users to navigate the site via a keyboard. We also hope to create a chat feature to allow mentees to connect with mentors more easily and build a recommendation system.

How to run the CareerLeap

1. Prerequisites: git, Node.js.

2. Set up

  • git clone this project
  • redirect to the corresponding directory
  • install the dependency packages by running the following code in the terminal npm install npm install react-native-web

3. Run!

Run the project on localhost by running npm start in your terminal and the website will be displaying in this Link by default.

careerleap's People

Contributors

echomaria123 avatar jerryyiransun avatar meganong1 avatar rxluo1202 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.