/Lexicode

This project focuses on Web Based Application which can visulizes the tokens , lexemes and other processes in compiler Design . It has Three Sections each for lex analysis , semantic Analysis and Syntax Analysis .

Primary LanguageC

Lexicode : C code Compiler visualization Tool

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage

About The Project

Welcome to our web-based C compiler visualization tool! Our platform is designed to empower both novice and experienced programmers by providing a unique and user-friendly way to interact with and understand the intricacies of C programming. With our tool, you can not only write, compile, and run C code directly in your web browser but also visualize the entire compilation process step by step. Whether you're a student learning C or a seasoned developer looking for a powerful debugging and teaching resource, our tool is here to simplify your journey. Explore the fascinating world of C programming with ease, boost your coding skills, and gain a deeper understanding of the compiler's inner workings. We're excited to be your trusted companion in your programming adventures

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

  • My Skills ReactJs
  • My Skills NodeJs
  • My Skills ExpressJs
  • My Skills Linux
  • My Skills Docker
  • My Skills Bash-Shell
  • AlongSide This Used Lex,Flex, Bison , NodeJs-Child Processes , File Handling

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm

    npm install npm@latest -g

  • Linux or Ubuntu must be there in your system

  • NodeJs

    Download Nodejs Version ^ 17.0.0 LTS

Installation

Follow The Installation manual and install dependencies

1.Clone this repo

2.Install NPM Modules

cd cpfrontend
npm install --force
cd cpBackend
npm install --force

3.Install Lex , Flex and bison

sudo apt-get update
sudo apt-get install flex bison

4.Run Frontend

cd cpfrontend
npm run start

5.Run Backend

   cd cpbackend
   nodemon Server.js
  1. Enter C file Code and Good TO GO

Deployement Link(Frontend Only): https://lexicodenew.vercel.app/

Output and Screenshots and Video Output :