Moggach/fritter

100 Character semi-anonymous ephemeral Twitter clone.

JavaScript

FRITTER 🐭

100 Character semi-anonymous ephemeral Twitter clone.

Font - Fira Code

Deployed version here

🧱 Features

Post 100 character Frits
Frits include optional name field
Frits stays on page after page reload
Frits can be deleted
Frits only stay on server for 30 minutes of inactivity
Frits is fully server side - no client side code
CSS & favicon are statically served
Deployed to Heroku
Waffles rotates on hover
Frits are cool

📝 User Stories

Core

As an opinionated person, I want to: post my thoughts so others can read them
As a bored person, I want to: read what other people have posted

Stretch

As an impulsive person, I want to: delete my posts so no one can see them anymore

Acceptance Criteria

A page with a form to submit posts, and a page showing all posts
No .html files (all HTML responses should be created dynamically within Node)
No client-side JavaScript (all logic should happen on the server)
All static assets served correctly (CSS, favicon etc)
Tests for each server route
A responsive, mobile-first design
Ensure your app is accessible to as many different users as possible

📚 What we learnt

Write full application in Node.js
Fully server side
How to deploy to Heroku
How to server static assets
How to create modular code
How to test with cypress
How to use BEM principles in group project
How to code as a team
Nothing is perfect

🧪 Testing

Four multi-stage Cypress tests complete
Tested in Mobile developer mode on Firefox, Chrome and Edge
Tested on Apple iPhone 6/7/8
Desktop version tested on Firefox, Chrome and Edge
100 accessibility point score on lighthouse

⏳ Future improvements

👀 Screenshots