Welcome to the repository of Codeploy, a collaborative coding execution platform with real-time audio and chat communication features.

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Make sure you have Node.js installed on your machine. Then, clone this repository, navigate to the project directory, and run one of the aforementioned commands to start the development server.

The project follows a standard Next.js folder structure:

codeploy-frontend/
  ├── components/        # Reusable components
  ├── pages/             # Next.js pages
  ├── public/            # Static assets
  ├── styles/            # CSS stylesheets
  └── README.md          # Project README file

Feel free to explore the folders and files to understand the project structure better.

TypeScript is a statically typed superset of JavaScript that compiles to plain JavaScript. It adds optional static types, classes, and modules to JavaScript, enabling IDEs to provide a better development experience through code completion and static type checking.

Next.js is a React framework that enables functionality such as server-side rendering and generating static websites for React-based web applications. It simplifies the process of building React applications by providing features like file-based routing, API routes, and built-in CSS support.

Socket.IO is a JavaScript library for real-time web applications. It enables bidirectional communication between web clients and servers, facilitating real-time updates, chat applications, and multiplayer gaming.

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code and comes with a variety of features, including syntax highlighting, code folding, and auto-completion. CodeMirror is often used in web-based code editors and integrated development environments (IDEs).

Tailwind CSS is a utility-first CSS framework that provides a set of pre-designed CSS utility classes to build custom designs without having to write custom CSS styles. It enables rapid development and customization of user interfaces by composing utility classes directly in HTML markup.

ShadCN UI Library is a user interface (UI) library that provides pre-designed components and styles for building modern web applications. It offers a collection of reusable UI components, layouts, and styles built with CSS and JavaScript, allowing developers to create visually appealing and responsive interfaces efficiently.

In the Codeploy frontend project, these technologies are combined to create a collaborative coding platform with real-time communication features, a user-friendly interface, and efficient code editing capabilities.