ParseIt 🚀

ANALYZE ARITHMETIC EXPRESSIONS AND REGEX PATTERNS, CONFIRM VALIDITY, AND REVEAL THEIR CONSTRUCTION ACCORDING TO CONTEXT-FREE GRAMMAR.

ParseIt is an interactive web application designed to help students and developers understand compiler theory through hands-on parsing of arithmetic expressions and regex patterns. Built with modern web technologies, it provides a visual and intuitive way to explore context-free grammar parsing with a combined grammar that supports both mathematical operations and regular expression constructs.

✨ Features

• Interactive Expression Parser: Input arithmetic expressions and regex patterns, see them parsed in real-time
• Visual Parse Trees: Watch as expressions are broken down into their grammatical components
• Grammar Validation: Confirm whether expressions follow proper context-free grammar rules
• Educational Interface: Clean, intuitive design that makes complex concepts accessible
• Responsive Design: Works seamlessly across desktop and mobile devices

🛠️ Tech Stack

• Frontend: React 18 + TypeScript
• Styling: Tailwind CSS
• Build Tool: Vite
• Animation: Lenis (smooth scrolling)
• Deployment: Vercel/Netlify ready

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/danengine/parseIt-CS121.git
cd parseIt-CS121

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

👥 Meet the Team

Danilo Eslawan

Lead Developer

Myca Joanne Faledonia

UI/UX Designer

Julliana Onor

Grammar Specialist

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Built with Love ❤️

Making compiler theory accessible, one expression at a time.