Skip to content

This is a React (NextJs) based Interview Assessment for test FE dev skills with software development best practices.

Notifications You must be signed in to change notification settings

lahirudilshan/candidate-profile-manager-interview-assessment

Repository files navigation

Candidates Profile Manage Assessment for Interview

This is a React (NextJs) based Interview Assessment for cover FE dev skills with software development best practices.

Application Features

  • User login with google account + logout
  • Manage Profile image upload
  • Manage User detail and work Experience
  • Custom sharable profile Link: e.g: top100.com/profile/lahiru
  • candidates search
  • candidates's profile view
  • profile privacy (public or private)

Demo

Demo video

Used technologies

Name Description Link
NextJs (React) + Typescript used NextJs for Both Backend and Frontend https://nextjs.org/
Ant Design Ant Design use for UI design https://ant.design/
Styled component used for custom style with dynamic variable https://styled-components.com/
prisma used as database manage ORM with Postgresql https://www.prisma.io/
googleapis used google drive API for upload image https://developers.google.com/drive
cypress used for testing https://www.cypress.io/
vercel used as Hosting server (free) https://vercel.com/
heroku used as Database server (free) https://heroku.com/

Application Reference

You can also register, login and check how application work
Visit: https://top100-candidates.vercel.app/

Installation

Preinstalled tools

  • yarn / npm
  • git
  • Docker (database container)

Clone the repository

  git clone https://github.com/lahirudilshan/candidate-profile-manager-interview-assessment.git

Run Docker for connect database

docker compose up

Install dependence

  yarn install

Run the application

  yarn run dev

Application live in

  http://localhost:3000/

Application Screenshots

Candidates list view



Candidate Detail view



User Profile Edit



User Profile Experience add



User Profile Experience edit



Support

This application use heroku, vercel, googleapis as free service and time to need to update keys, etc...if you face any difficulty to view the application please reach me with below medias

🔗 Links

portfolio

linkedin

twitter


🚀 About Me

Senior JavaScript Fullstack Engineer with 6+ years of experience , Focused on Frontend, Skilled in React, NextJs, Angular, Node.js, and Pixel perfect UI design

From In Sri Lanka