A modern web application built with Next.js, TypeScript, and Tailwind CSS to help users build their careers through resume optimization, LinkedIn profile enhancement, and interview preparation.
- Node.js (v18 or higher)
- npm or yarn
- Git
- Any IDE
- Clone the repository:
git clone [https://github.com/CVSwitch/assignment/homepage.git](https://github.com/CVSwitch/assignment_homepage.git
cd homepage- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser.
-
Assignment Selection:
- You can choose any one assignment from the list below
- Technical understanding will be evaluated in later rounds
- Focus on completing the chosen assignment thoroughly
-
Development Process:
- You may use Copilot or Cursor's features to help with:
- Code completion
- Bug fixing
- Code refactoring
- Documentation generation
- But ensure you understand the changes made
- You may use Copilot or Cursor's features to help with:
-
Evaluation Focus:
- Initial evaluation will focus on:
- Working functionality (Vercel)
- Creativity
- Technical depth will be assessed in subsequent rounds
- Initial evaluation will focus on:
-
Submission:
- Deploy your solution on Vercel
- Submit the Vercel deployment URL
- Include before/after screenshots
- Document your design decisions
Due Date: [3 days]
- Create two new resume templates:
- Template 1: A clean, minimalist design
- Template 2: A modern design with visual elements
- Integration Requirements:
- Templates must work with existing resume data structure
- Support PDF export functionality
- Maintain responsive design
- Follow accessibility guidelines
- Location:
app/editor-app/(main)/editor - Use existing template components as reference
- Template Ideas : Check out Canva https://www.canva.com/resumes/templates/
- Optional: How to make existing reusme more customizable: By allowing users to change Font, Background Color.
- Option : Show thumbnails instead of resume names in preview panel.
Due Date: [1 week]
- Redesign the elements in platform's user interface: (Pick any area which you feel can be improved in terms of design)
- Implement consistent design language
- Improve navigation flow
- Be Creative
- Redesign the dashboard layout
Due Date: [1 week]
- Design the LinkedIn profile optimization Page:
- The tool actually helps you optimise your linkedin profile section based on resume and job description. Keeping this info in mind how would you design the elements in this page.
- You can generate dummy data to show in the UI.
Due Date: [Specify due date]
-
Create an interactive interview preparation chat system: (UI should be similar to any chat system's)
-
-
Features to Implement:
- User can select which round it is , paste in the job description and select which resume they want to prepare on.
- Given above context, implement a chat based ui where the bot asks the interview questions relevant to above info.
- Response analysis and feedback
- You can either use static stored questions or use any open source LLM or gpt api for question generation.
- Focus will be on the design part and not the api calling.
- Implement chat-based interface
- Clean, maintainable code
- Proper TypeScript usage
- Component reusability
- Error handling
- Performance optimization
- Intuitive interface
- Responsive design
- Loading states
- Error messages
- Accessibility
- Code comments
- README updates
- Component documentation
- API documentation
- Successful Vercel deployment
- Create a new branch for each assignment:
git checkout -b name_assignment_1- Complete your work and commit changes:
git add .
git commit -m "Complete Assignment 1"- Push to the repository:
git push origin name_assignment_1Also if facing issues then can Push in your public repo as well and share the link:
- Assignment number in title
- Description of changes
- Vercel deployment URL
- Screenshots (if applicable)
Note: You are free to take help of GPT or Cursor. However code understanding will be assessed in later stages.
This project is licensed under the MIT License - see the LICENSE file for details.