Giter VIP home page Giter VIP logo

love_you_more's Introduction

I Love You More - A Full Stack Web App

Summary

I Love You More is a responsive full-stack (i.e. Mongo, Express, and Node) app that allows users to send one-on-one messages to a loved one.

The primary goal of I Love You More is to allow users to send messages to another user and keep track of messages sent and received creating a lasting memory of love notes. When users sign up for the app, they sign up themselves and a partner…at this point the two are inseparable.

I love you more screen shots

Getting Started:

git clone https://github.com/adamr714/love_you_more.git

cd love_you_more

npm install

If you woudl like the canned messages dropdown to be populated, please upload the Canned_Messages.json file to your database. The file can be located in the canned_messages directory.

Launching:

> npm run watch

Testing:

>  npm test

Note: Due to this project using promises Node.js version 7 or greater must be used. To determine your version on Node, please type node –v from your terminal window.

Technology

Front End:

  • HTML 5
  • CSS3
  • JavaScript
  • JQuery

Back End:

  • Node.js + Express.js (web server)
  • Babel (Using ES6 and ES7)
  • MongoDB (database)
  • Mocha + Chai (testing)
  • Continuous integration and deployment with Travis CI

Security

  • bcrypt.js to hash and encrypt passwords
  • Passport is protect API endpoints

Additional Resources include:

  • Font-Awesome (http://fontawesome.io/)– For the heart image used in the name and slider
  • Fabio Ottaviani (https://codepen.io/supah/) - for the inpiration and starter code for the split slide
  • StackOverflow – Used to look for similar programming difficulties to overcome challenges
I would also like to thank:
  • Neville Bonavia – An amazing programmer and mentor who answered numerous questions and challenged me to make this project all it could be!
  • Derek Fogge - For being an awesome program manager and having the time to sit down and help me sort out issues and give suggestions on how to make my coding better

Development Roadmap

  1. Delete Messages
  2. Show Messages Sent Screen
  3. Modify message sent
  4. Create Twillio to send text
  5. Server side strict validation
    1. Password
    2. Email
    3. Username (min-length, no spaces)
  6. Curse word removal
  7. Convert UI to React
  8. Add to Canned Messages
  9. Get Messages since date – display last 20
  10. Pull system to get messages automatically
  11. User profile – change password

love_you_more's People

Contributors

nbonavia avatar

Watchers

Neville Bonavia avatar Adam Rosenblum avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.