Back to Projects

Career Canvas

A free, open-source website that helps people create ATS-friendly resume that with ease.

Type

Web Application

Timeline

1 month

Role

Front-end Developer

Team Size

1 member

Career Canvas Screenshot

Project Purpose and Goal

Career Canvas aims to simplify the resume creation process, helping job seekers create professional, ATS-friendly resumes quickly and easily.

Web Stack and Explanation

  • Next.js: For server-side rendering and optimized performance
  • TypeScript: To enhance code quality and maintainability
  • Tailwind CSS: For rapid and consistent UI development
  • Dnd-kit: For smooth, intuitive drag and drop functionality

This tech stack was chosen for its robustness in building modern web applications. Next.js provides an excellent framework for React applications, while TypeScript adds type safety. Redux manages the complex state of resume data, and Tailwind CSS allows for quick and responsive design implementation.

Development Process

The development of Career Canvas followed an agile methodology. I started with a basic MVP and iteratively added features based on user feedback and testing. Regular code reviews and continuous integration ensured code quality throughout the development process.

Problems and Thought Process

One major challenge was designing an intuitive user interface that could handle the complexity of resume creation while remaining simple to use.

Another challenge was implementing a flexible and extensible data structure to accommodate various resume formats and sections.

Lessons Learned

  • The importance of user-centric design in creating tools for broad audiences
  • Techniques for managing complex form state in React applications
  • Strategies for creating responsive and print-friendly layouts
  • The value of open-source development in gathering community contributions and feedback

Let's Build Something Together

Please contact me directly at zegro728@gmail.com or through this form.