Oana's Portfolio

Chitter Challenge

By Oana on Aug 21, 2023
Chitter App Signup page

Chitter is a social networking app, that allows registered, signed in users to post messages (‘peeps’). Peeps can be viewed by anyone.

Headings

H1 Task

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.

H2 My Approach

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.

H3 Directory Structure

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.

H4 App Main Usage and Features

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.

H5 Demo App

Visit the link below to see a live version of the app.

H6 Download Instructions

Follow the instructions below to install and run the app:

Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Strikethrough uses two tildes. Scratch this.

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Horizontal separator

This is a horizontal separator:


Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.


List types

Ordered list

  1. List item 1
  2. List item 2
    1. Nested list item A
    2. Nested list item B
  3. List item 3

Unordered list

  • List item
  • List item
    • Nested list item
    • Nested list item
      • Double nested list item
      • Double nested list item
  • List item

Mixed list

  1. First ordered list item
  2. Another item
    • Unordered sub-list.
  3. Actual numbers don’t matter, just that it’s a number
    1. Ordered sub-list
  4. And another item.

Inline-style link

Inline-style link with title

Reference-style link

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

Some text to show that the reference links can follow later.

Images

Images included in _posts folder are lazy loaded.

Inline-style: alt text

Table

Tables Are Cool
col 3 is right-aligned 1600
col 2 is centered 12
zebra stripes are neat 1
Markdown Less Pretty
Still renders nicely
1 2 3

Syntax highlight

var s = 'JavaScript syntax highlighting'; var s = 'JavaScript syntax highlighting';
alert(s);

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.

s = "Python syntax highlighting"
print s
© Copyright 2024 by Oana Demian.