This is a React (NextJs) based Interview Assessment for cover FE dev skills with software development best practices.
- 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)
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/ |
You can also register, login and check how application work
Visit: https://top100-candidates.vercel.app/
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/
Candidates list view
Candidate Detail view
User Profile Edit
User Profile Experience add
User Profile Experience edit
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
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