Skip to content

willdarkins/sticky-quips-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 Sticky Quips

Description

A note taking applications that provides user the experience of writing sticky notes with short despcritions and links. There are varying colors to the notes, and each stored in a cloud database.

Please follow THIS LINK to the deployed application.

sticky-quips_example

Table of Contents

Badges

The following programming languages, frameworks, platforms and libraries were utilized when completing this project:

HTML5 CSS3 TypeScript NPM Bootstrap

Installation


npm start runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

The backend and database were build in separate repository.
That can be found following THIS LINK.

Usage

  • When initially loadin the homepage, you'll enounter a black navbar, circular '+' button in the bottom right corner and dispaly message that reads There are no Sticky Quips to display! 🤷‍♂️
  • To begin, click on the About link located in the navbar and discover more information about the application.
  • Click the block circular "+" button in the bottom right hand corner to compose your first quip
  • A modal will appear with two textareas; text & link... Fill in your desired text and paste your associated link
  • Hit the save button to maintain your quip, and the top right "x" to exit
  • Quips will populate multi-staggered and colored in the center of the page
  • Click inside the quip to edit, then click out to solidify those changes
  • Clicking the top right "x" of each quip will delete them from the database

Credits

Big shout out to Ileriayo Adebiyi and his markdown badges repository which made this project all the more beautiful. Thank You.

License

This project is licensed under:
MIT
MIT License Link

Contributing

This project adheres to standards set by the Contributor Covenant.
Please consult this documentation before contributing to this project.

Questions

Profile Pic

If you have any questions regarding the development process of this application, or specific questions about contributing, feel free to reach me by email or on Github.

About

Note taking application that resembles a sticky note format attaching links and short reminders

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published