https://github.com/adidem23/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 .
https://github.com/adidem23/lexicode
bison express flex lex nodejs reactjs ubuntu yacc
Last synced: 5 months ago
JSON representation
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 .
- Host: GitHub
- URL: https://github.com/adidem23/lexicode
- Owner: Adidem23
- Created: 2023-10-01T13:23:38.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-04T14:00:15.000Z (almost 2 years ago)
- Last Synced: 2025-04-10T01:54:17.415Z (about 1 year ago)
- Topics: bison, express, flex, lex, nodejs, reactjs, ubuntu, yacc
- Language: C
- Homepage: https://hub.docker.com/r/adidem23/lexicodefinalbackend
- Size: 735 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Lexicode : C code Compiler visualization Tool
Table of Contents
## 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.
- [](https://skillicons.dev) ReactJs
- [](https://skillicons.dev) NodeJs
- [](https://skillicons.dev) ExpressJs
- [](https://skillicons.dev) Linux
- [](https://skillicons.dev) Docker
- [](https://skillicons.dev) 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
```sh
npm install npm@latest -g
```
* Linux or Ubuntu must be there in your system
* NodeJs
```sh
Download Nodejs Version ^ 17.0.0 LTS
```
### Installation
Follow The Installation manual and install dependencies
1.Clone this repo
2.Install NPM Modules
```sh
cd cpfrontend
npm install --force
cd cpBackend
npm install --force
```
3.Install Lex , Flex and bison
```sh
sudo apt-get update
sudo apt-get install flex bison
```
4.Run Frontend
```js
cd cpfrontend
npm run start
```
5.Run Backend
```js
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