🌟 Enlighter Content

This repository contains educational content for Enlighter - a platform to learn Vibe Coding.

📚 Documentation

Content markdown documentation
Markdown documentation as Cursor's rule in .cursor/rules/markdown.mdc
Content structure as Cursor's rule in .cursor/rules/content_builder_instructions.mdc

Each project follows this structure:

Item	Naming Convention	Example
Project directory	`project_<PROJECT_ID>_<project_name_snake>`	`project_42_realtime_chat`
Stage html file	`<order_num>_<STAGE_ID>_<stage_title_snake>.html`	`3_256_set_up_backend.html`

Key points:

Each project consists of 5-15 sequential learning stages
Stages should take ≤20 minutes to complete
Each stage should contain ≤400 lines of content
More details on content structure can be found in .cursor/rules/content_builder_instructions.mdc
New projects and stages IDs have to be mocked with ID, for example project_ID_realtime_chat.

Install Node.js
Download and install from nodejs.org (LTS version recommended)
Install Dependencies
Run this command in the project root:
```
npm install
```
Start the preview server with:
```
npm start
```
Open your browser at http://localhost:3333
Select a project from the dropdown menu
Choose a stage within that project
The content will load automatically in the preview frame
Use "Refresh File List" to update when you add/modify projects or stages

If you want to contribute a project to Enlighter, please follow our Contributing Guidelines.