Project CoachCode FrontEnd React

This project serves as my thesis project for my university degree. CoachCode addresses a crucial issue in the landscape of competitive IT interviews, providing a comprehensive suite of functionalities designed to empower users throughout their job search and interview preparation process. The application offers a range of features aimed at enhancing technical skills, interview performance, and preparation for a successful career. This project includes a front-end application built using React with Vite and JavaScript.

Documentation

Licenta_Final.pdf

Presentation

prezentare.pdf

Demo

https://www.youtube.com/watch?v=yQLhxI329-s

Main Front-End Modules

1. Auth

The Auth directory contains components for user authentication management.

2. Chatbot

The Chatbot directory includes components for chat functionalities.

3. Coding Practice

The CodingPractice directory provides components for coding practice, including exercise listings and exercise details.

4. CommunityFolder and HelpFolder

These directories, CommunityFolder and HelpFolder, contain components for community interaction and help resources.

5. ProblemFolder

The ProblemFolder directory includes components for managing and displaying technical issues or questions.

Constants, Lib, and Scripts

• constants/ contains configuration files or global constants, such as the application routes (routes.js) or API settings (api.js).
• lib/ includes utility functions and modules for handling authentication (auth.js), and general utilities (utils.js).
• assets/ contains static files, such as images (images/) and styles (styles/main.css).

Front-End Deployment

To deploy the front-end application:

1. Install dependencies: Ensure that all dependencies are installed. Use npm install or yarn install in the project directory to install the required packages.

2. Configure APIs: Check and update the files in the constants/ directory to specify the backend APIs.

3. Start development server: Use npm run dev or yarn dev to start the Vite development server.

4. Build for production: To build the application for production, run npm run build or yarn build. This will create an optimized version of the application in the dist/ directory.

5. Deploy: Deploy the application to the production server using the files from the dist/ directory.