Code Monkey home page Code Monkey logo

mybetterexperience's Introduction

Technology Overview

  1. MongoDB
  2. Express.js
  3. React.js
  4. Node.js
  5. Google APIs

Architecture

1) Front-end (React.js - component tree)

2) Back-end (Express.js + Node.js + MongoDB)

To run the application

You need to install depenencie & packages first, run "npm i" in frontend and backend folders

  1. Go to /frontend/my-app and run "npm start"
  2. Go to /backend and run "node server.js" or "nodemon server start"
  3. Go to your browser and the app is running at http://localhost:3000/

1) User Credentials

  1. To login as a student, use ID = student1 and PASSWORD = student1
  2. To login as a recruiter, use ID = recruiter2 and PASSWORD = recruiter2

2) Features

A. Students

  • Create and update profile
  • Upload a pdf resume to a job
  • Write a review of a company
  • View jobs, sort jobs by deadline date, etc.
  • View applications
  • View jobs on Google Maps

B. Recruiters

  • Create and update profile
  • Post and delete a job
  • View applicants with their resumes
  • View jobs, sort jobs by deadline date, etc.

3) Functionalities

  • Form Validation
  • Responsive Design
  • Navigation State Update
  • Google Maps Search
  • Application Deadline & Document Validation

Possible Improvement

  • Implement session
  • Reorganize component tree using Hooks
  • Redesign UI
  • Improve Form Handling & Validation
  • Add more functionalities
    • Job Tracking Dashboard
    • Chat/Message System
    • Student Resource Bank (resume, cover letter, interview tips)

Demo

Recruiter

Student

What I Learned

  • creating react components using react-router-dom
  • responsive deisng using bootstrap
  • using public APIs
  • database modelling (pros and cons of document database vs relational database)
  • working in a team based on agile methodologies

mybetterexperience's People

Contributors

dleedev365 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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.