Skip to content

jroller33/UI-UX-Tips

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UI/UX Tips

License: MIT

Description

This app is deployed on Heroku. It doesn't have much of a frontend, but there's a lot going on server-side (relatively). I used express.js, node.js, npm, javascript, CSS, and HTML to make this app.

The app lets you see UI/UX tips that other people have written, and you can also save your own. This is my first app deployed on Heroku.

Table of Contents

Deployed Link

https://floating-escarpment-55488.herokuapp.com/

⚠️Note about Heroku⚠️:

If you experience a 5-10 second lag after clicking the link to an app I've deployed on Heroku, it is because I'm currently using the free version. The server for an app on Heroku isn't listening at all times, because Heroku kills it after ~10 minutes if it doesn't receive a request. So when you click the link, the lag is from Heroku spinning-up the server so that it can receive your request and respond.

Usage

You can click into the text area and enter a tip, and then click "Add Tip." Your tip, along with everyone else's tips, are saved in '/db/tips.json'. Click the "Feedback" button to leave feedback, which is stored in '/db/feedback.json'. You must enter a valid name (at least 4 characters) and tip (at least 15 characters), otherwise an error alert will popup, and will be logged in '/db/diagnostics.json'. There is also a 404 page, just in case you wander out of bounds.

Contribution

You can fork the repo at https://github.com/jroller33/UI-UX-Tips

Tests

There's no tests, but I did use Insomnia to test the API.

License

This project is licensed under the MIT License.
https://www.mit.edu/~amini/LICENSE.md

Contact

GitHub: https://github.com/jroller33