Frontend Developer Take-Home Assignment

Welcome to our frontend developer take-home assignment! This challenge is designed to assess your creativity, technical skills, and ability to build a simple yet well-structured UI using React, TypeScript, and Tailwind CSS.

🚀 Setup Instructions

1. Prerequisites

Ensure you have the following installed on your system:

• Node.js (v16+ recommended)
• npm or yarn

2. Clone the Repository

git clone https://github.com/novalyze/novalyze-takehome
cd novalyze-takehome

3. Install Dependencies

Using npm:

npm install

4. Start Development Server

npm run dev

5. Access The Development Server

Now you can access the development server at http://localhost:5173/

---

📩 Submission Instructions

1. Fork this Repository

Click the Fork button at the top right of this repository page to create a personal copy in your GitHub account.

2. Clone Your Fork

Clone the forked repository to your local machine:

git clone https://github.com/your-username/your-fork.git

3. Create a new branch using your full name:

Navigate into the repository directory and create a new branch using your full name:

git checkout -b your-full-name

4. Commit your changes and push the branch:

git add .
git commit -m "Completed take-home assignment"
git push origin your-name

5. Create a Pull Request: On GitHub, navigate to your forked repository and click the Compare & pull request button to create a pull request back to the main repository.

6. Send me an email to confirm your submission as well as any comments about the code you've written and changes youve made at samin@novalyze.ai

---

📌 Assignment Overview

You will build a two-page frontend application with a simple UI using React, TypeScript, and Tailwind CSS. The application does not need to connect to an API, but it must be functional with dummy data.

Keep in mind the pages have very simple UI elements; feel free to improve the deisgn language and introduce any new elements you like

✨ Requirements

You need to implement the following pages:

1. Login Page

• Accepts email and password for login.
• Provides options for SSO login (UI only).
• Includes options to change password and create a new user (the “create a new user” button should redirect to a new page, which can be empty).

2. Home Page

• Left section (smaller area)
  • Displays a simple chatbot UI (like ChatGPT-style chat).
  • It does not need to be functional, but should contain dummy messages.
• Right section (larger area)
  • Simply displays an embedded PDF file within the UI. You can find an example pdf in src/resources/sample.pdf. Its your job to figure out whats the best way to embed it.

3. Additional UI Component (Your Choice)

To showcase your technical skill and creativity, create at least one UI element of your choice.
Here are a few examples:

• A fully designed "Create User" page.
• A loading animation or transition when navigating between pages.
• A theme switcher (light/dark mode).
• Any unique UI enhancement that improves the user experience. The more creative the better!

---

⏳ Deadline & Incentive

• You must complete the assignment within 48 hours of receiving it to be considered for the next interview round.

---