purohitprachi72 / talenttrack

Talent Track

Welcome to Talent Track, your go-to full-stack application designed to streamline the process of managing and analyzing candidates efficiently.

App Overview

Talent Track is designed to simplify candidate management, providing tools for efficient analysis and decision-making throughout the recruitment process. The combination of these technologies ensures a modern, scalable, and responsive application, empowering users to navigate the hiring journey with ease.

App Commands

Command	Description
npm run dev	Starts the app

Project Folder Structure

Client - src directory

📦src
 ┣ 📂assets
 ┣ 📂components
 ┣ 📂context
 ┃ ┣ 📜AuthContext.jsx
 ┃ ┣ 📜DataContext.jsx
 ┃ ┗ 📜ToastContext.jsx
 ┣ 📂hooks
 ┣ 📂pages
 ┃ ┣ 📂candidate
 ┃ ┣ 📂form
 ┃ ┣ 📂home
 ┃ ┣ 📂login
 ┃ ┣ 📂profile
 ┃ ┗ 📜NotFound.jsx
 ┣ 📜App.jsx
 ┣ 📜App.css
 ┣ 📜index.css
 ┣ 📜main.jsx
 ┣ 📜index.js
 ┗ 📜index.html

Tech Stack

Talent Track boasts a robust and modern tech stack, ensuring a seamless and powerful user experience. The key technologies utilized in this application include:

React: A declarative and efficient JavaScript library for building user interfaces.

Firebase: A comprehensive platform for developing web and mobile applications, offering features like authentication and real-time database functionality.

Axios: A promise-based HTTP client for making asynchronous requests, aiding in efficient communication between the client and server.

React Router DOM: A popular library for handling navigation and routing in React applications, facilitating a smooth and intuitive user journey.

React Hot Toast: A lightweight and customizable toast notification library for React, enhancing the user interface with informative messages.

React Icons: A library providing a vast collection of icons for use in React applications, contributing to a visually appealing design.

Learning from this assignment

• Implemented my custom Multistep Form
• advance usecases of react-router
• React.Context acting as single source of truth
• useFetch, usePersistentStorge custom hooks
• using local storgae for handling the form inputs
• Production Project Structure
• got to know about base prop : "" in vite