Lexicode : C code Compiler visualization Tool

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
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.

• ReactJs
• NodeJs
• ExpressJs
• Linux
• Docker
• 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

6. Enter C file Code and Good TO GO

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

Output and Screenshots and Video Output :

• FrontPage :

  

• Lexical Analysis 1.0 :

  

• Lexical Analysis 2.0 :

  

• Lexical Analysis 3.0 :

  

• Syntax Analysis :

  

• Semantic Analysis :

  

• Video Output of Code :

  https://www.loom.com/share/d963993a91344101b43c5f0605f9d601?sid=10758432-140f-4005-9dfb-7914dc09cf0f