ResuShare.io

• 

  Landing Page

• 

  Using descope For Authentication

• 

  Mentor/Reviewer Spin The Wheel

• 

  Modal Before Wheel Spin

• 

  Data Table Loading State

• 

  Resume Submission Page

Inspiration

I have watched livestreams before in tech-focused discord servers, where people volunteer their resume for critique. It helps the livestream viewers learn about resume writing, and the resume volunteer gets a free in-depth review. However, the experience was always clunky, not exciting in terms of set up, and could definitely use a snappy software solution.

What it does

The ResuShare platform allows users to upload a resume in PDF format, along with other text inputs for submission to a specific resume review pool. A mentor or paid resume reviewer can then login, and view their pool of received resumes. They would then review and provide feedback to the original owner of the resume. There is also a resume spin the wheel page, if the review is being live-streamed, and on a separate page there is a data table that displays all resume submissions.

How we built it

The front-end was built on a Vite template, using Tailwind CSS, React, JavaScript, HTML, CSS, and a react component library called Mantine. React router was used for navigation on the front-end, and descope was used for reviewer/mentor login. The back-end is a very simple Node.js server running Express.js with Mongoose, which talk to a MongoDB database.

Challenges we ran into

Initially the "View" button on the review page brought up a Mantine modal pop-up but it would not work properly. I then decided to create the modal and blur background myself using vanilla JS, HTML, and CSS. In the end, the final modal ended up nicer than the standard Mantine modal.

Accomplishments that we're proud of

Converting the user's PDF file into a Blob so that we can add it to our mongoose model and POST it to the back-end was cool. Then later pulling the same model from the database on the Review page with a useEffect hook, and using the array data buffer on the model to convert it back to a PDF for display was even cooler.

What we learned

As always, the learning never ends when programming. A lot of experience was gained with react component libraries, and future pitfalls to avoid while using them as well. Learning to POST multi-part form data to a back-end, and using multer.js to parse it and put it in our mongoose model was also really beneficial. I also did enjoy learning about and using descope for authentication.

What's next for ResuShare.io

The application works great on desktop and mobile. But I would like to make the mobile experience slightly better, speaking in terms of more specific styling and UX. I also think another question that can be asked on the form is what type of role the resume is catered to (SWE, AI/ML, PM, etc). This could help the mentor or paid resume reviewer give better feedback to the person. I want this to be a real piece of software that people benefit from and can bring a community closer.

Built With

• css
• descope
• express.js
• html
• javascript
• mantine
• mongodb
• mongoose
• node.js
• react
• react-router
• vite