lizcoultersmith/momentum.clone

Full Stack Application project. Clone of Google Chrome's Momentum.

Momentum Clone

This is a group project for a Full Stack Web Development Bootcamp.

Google Chrome has a browser extension called Momentum. It's a custom page that replaces new tabs with a personal dashboard that provides a dedicated space to track todo's, store favorite links, check the local weather and get inspired with daily photos and quotes. The purpose of the tool is to inspire productivity by helping to eliminate distractions and beat procrastination with todo reminders.

The purpose of this project it to create a clone of the Momentum dashboard with the following features:

• Keep track of tasks with Todo list.

• Links and search

• Check the time

• See the weather and forecast

• New inspirational photo and quote each day

The attached images illustrate the homescreen for the completed project by greeting:

Dependencies:

The following applications need to be installed in order to run the Momentum.clone app.

• Node.js
• Express
• Mongoose

Getting Started

To start this project clone a copy of the project repository from Github onto your machine. Once the repository is cloned run npm install which is needed to run the app. Then install the additional Node packages below:

• NPM express
• NPM mongoose
• NPM moment

Once completed run node server.js or nodemon server.js.

Deployment

The project is deployed with Heroku.

• Heroku add-ons: mLab MongoDB

Code Structure

Models

• index.js
• linksLog.js
• quotesLog.js
• todoLog.js

Public Files

• images
• javascript (js)
  • clock.js
  • greeting.js
  • links.js
  • quote.js
  • todo.js
• styles
  • reset.css
  • style.css
• index.html

Routes

• api-routes-links.js
• api-routes-quotes.js
• api-routes-todo.js
• html-routes.js

Other

• server.js
• node_modules
• .gitignore
• package-lock.json
• package.json
• README_projectInstructions
• README.md: Project Overview

Authors

• Alex Dominy - Clock
• Robert Doughty - Links
• Sean Hance - Todo
• Kyla Middleton - Lead Architect
  • Created base HTML and CSS
  • Configured/tested models and routes.
  • Seeded database
  • Created greetings by time of day
  • Created inspirational quote.

Acknowledgements

• Unsplash Photos
  • Photo by Jakub Kriz on Unsplash (https://unsplash.com/photos/q1wd1Q2LYHc)
  • Photo by Shane Perry on Unsplash (https://unsplash.com/photos/SH5yTzEdqfY)
  • Photo by Chris Liu-Beers on Unsplash (https://unsplash.com/photos/z6cFcCh60Aw)