Assessfy Foundation Projects Lab Beginner 5 milestones 100 marks

Create a Simple Markdown Previewer

Discipline: Programming & Software Level: Foundation Industry: Software & IT Function: Engineering Team: up to 3 Assessment: 5 milestones (100 marks)

Real-world project · AICTE-aligned · AI-graded · Audit-ready certificate

Enroll as Student Mentor this project

Milestones

Available mentors

Enrolled students

Core skills

About this project

What you'll build: You will make a small web app that lets users type Markdown text and instantly see what it looks like in HTML. The preview updates live as they type!

Why it's a good starter: This project is beginner-friendly, with a clear goal and fun, visual results. You'll practice basic web development skills without needing any advanced knowledge.

What you'll learn: You'll get hands-on experience with HTML, CSS, and JavaScript, learn how to handle user input, and see how to update a web page in real time.

Milestones

1. Setup & Plan

10 marks 5d

Submit a short plan (one paragraph) describing your project, plus screenshots showing your project folder and a blank HTML file opened in your editor. This shows you're ready to start.

2. Core Build: Input Area & Live Preview

30 marks 10d

Submit your HTML/CSS/JS files with a working text area for input and a preview area, where typing updates the preview (even if it's just plain text so far). Screenshots or a short video showing it in action.

3. Core Build: Markdown Conversion

35 marks 14d

Submit updated files with code that converts at least 2 Markdown features (e.g., headings, bold, italics) into HTML in the preview. Include before/after screenshots showing Markdown and its HTML preview.

4. Testing & Polish

15 marks 7d

Submit your improved app with at least one bug fix or user-friendly tweak (like better styles, error handling, or instructions). List what you tested and what you changed.

5. Demo & Short Report

10 marks 5d

Submit a 2-minute screen recording or animated GIF showing your app in use, plus a 1-page summary of what you learned and what was challenging.

Open internships using this project -->

Skills you'll learn

Programming & SoftwareWriting basic HTML for structureStyling with CSSUsing JavaScript to update the pageHandling user input with text areasConverting simple Markdown (e.g.headingsbolditalics) to HTML

Tools used

VS Code or any code editorWeb browser (ChromeFirefoxetc.)JavaScript (in-browserno install)GitHub (optionalfor sharing)

Prerequisites

Basic programming (any language)Familiarity with files and folders

Available mentors

No mentors have signed up for this project yet.

Be the first to mentor

You'll earn — Certificate (PDF)

AICTE-aligned Project Completion Certificate

A formal, audit-ready PDF certificate issued by Assessfy + your institute on successful completion. Includes AICTE credit hours, your evaluator's signature, and a QR code for third-party verification.

AICTE-aligned

Certificate of Project Completion

This is to certify that

has successfully completed the project

Create a Simple Markdown Previewer

Scan to Verify

Date

Signature

Auto-issued on completion QR-verifiable

You'll earn — Digital Badge

Shareable LinkedIn / Resume Skill Badge

A compact, verifiable Open-Badges-2.0-compliant digital credential. Add to your LinkedIn profile, GitHub README, or resume in one click. Recruiters can validate authenticity via a unique URL.

Beginner

Create a Simple Markdown Previewer

Assessfy

Auto-issued on completion One-click LinkedIn add