• 

  Writing Screen

• 

  Homepage

Inspiration

• Poor English writing skills​
• Struggling to get thoughts on paper​
• Not writing consistently under pressure​
• Overcoming Writer’s Block

What it does

• You are given a random prompt which you must respond to before the timer reaches 0 seconds. ​
• You can save your writing by downloading it.​
• Writer's Block:​ Answer a prompt with a timer of 15 seconds which resets every time you type a new word​
• Timed Write​ Answer a prompt within 5 minutes

How we built it

• Brainstormed all the functions that we wanted our website to perform in pseudocode and created a wireframe​
• Split the functions and design elements of the website amongst ourselves and collaborated using VS Code
• HTML to create containers and elements that would be used to
  display information and let users perform basic interaction with the website
• CSS to style and position each of the HTML elements​
• JavaScript to give each HTML element updating information to display and perform functions such as prompting a download

Challenges we ran into

• Not knowing the code to implement the functions of our website
• Not knowing where to source the writing prompts
• Not knowing where to export the writing submissions

Accomplishments we're proud of

• A mobile friendly web app
• Implementing JavaScript functions
• Using GitHub to host a working demo from our repo

What we learned

• The organization and best practices of HTML, CSS, and JavaScript

What's next for Essay Practice App

• Grammatical and spell check mode
• User generated prompts​ Integration into schools
• ​User performance grading
• Promotes a site where users can practice their essay writing skills with real feedback​
• Plagiarism plug-ins​

Built With

• css
• github
• html
• javascript