One-Minute-Writer

Table of Contents

• Overview
• Deployed Site
• Screenshots
• Joint Learning Goal
• Group Reflection
• Future Enhancements
• Install & Setup
• Project Spec & Rubric
• Contributors
• Technologies

Overview

One minute writer is for creatives who are seeking inspiration and a space to document and organize their ideas and writing. They can track their progress through metrics on a user dashboard as well as revisit and edit past writings. This is a group project incorporating a new stretch tech, GraphQL. This is also the first time the back-end program and the front-end program were able to collaborate and build a functioning application together. We used agile process to turn our application into deployed and production ready software.

Deployed site

https://one-minute-writer.herokuapp.com/

Screenshots

Home Page View

User Dashboard

Click the start writing button to get to the writing page

Click the start timer to set a time for writing and begin writing

Get new image and/or word to get inspired for your writing

Application has responsive layout for mobile view or browser view.

Joint Learning Goal

Our learning goal was to build this application using a new technology that none of us had previous experience with. We chose GraphQL and TypeScript.

Group Reflection

In hindsight, we probably could have done only GraphQL and not implement TypeScript as well. In our research, we learned that graphQL also types our properties, and data that we're passsing. But implementing TypeScript was a great learning experience for all of us and is an extra layer to prevent future bugs or typing errors.

Future Enhancements

• Add login page for multiple user experience.
• Add larger curated words list to have more inspiration words.
• Add a section in the writing page for users to be able to check for synonyms of words.

Install and Setup

1. Clone this repo git clone [email protected]:one-minute-writer/one_minute_writer_fe.git
2. Install the necessary package dependencies npm install
3. Run the command npm start
4. Start the server at http://localhost:4000/

Project Spec and Rubric

Turing School of Software & Design - Stretch Tech Project Spec

Contributors

• Gabby Recny
• Jacob Quintana
• Phil Lewis
• Lynn Nguyen

Contact Us on LinkedIn

• Gabby Recny @gabbyrecny
• Jacob Quintana @jacob-quintana-2110fe
• Phil Lewis @philambroselewis
• Lynn Nguyen @lynnnguyen22

Technologies

• GraphQL
• TypeScript
• React
• Continuous Integrations/Deployment
• Heroku
• React Router
• Cypress
• Howl
• JavaScript
• HTML
• CSS/SASS
• Git
• Figma
• Miro
• Webpack
• Fetch API