Lexicode

Lexicode : C code Compiler visualization Tool

Table of Contents

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

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