# BugBears <iframe src="https://giphy.com/embed/wpci3xdYmUZG" width="480" height="451" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> ### Christine, Martha, Emmanuel, Andy --- ### Idea Feeling stressed and bugged out? Worry not! Let it all out on our BearBug website. Share your peetpeeves and rant, or simply see what buggs others <iframe src="https://giphy.com/embed/l1J9u3TZfpmeDLkD6" width="419" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- ![image alt](https://i.imgur.com/Vlbokhw.jpg "title" =400x600) --- ### How We Worked * We mobbed for critical things - Initial Setup/Dom Manipulation * Pair programming * Planned quite extensively * Stopped when someone didn't understand something * Swore an oath to the BigBears code of conduct --- ### BugBears code of conduct - BEM - Ensure equal number of commits - Commit often - Switch regularly but (do few commits first) - Compartmentalise and work on the dedicated branch (pushing only needed after milestones) - feature and fix branches --- ### MVP - [x] Mobile first design - [x] Basic site with long list of previous inputs by user - [x] Logo in centre, description - [x] Field inputs are category, name and rant ![reference link](https://media.giphy.com/media/3o85xELodyVsRc2KrK/giphy.gif) --- ### Stretchgoals - [ ] GIFS - [ ] Colour coded based upon your level of rage - [ ] On selection - order previous entries by category - [ ] Favicon - [ ] Search bar --- ## Our Database ```sql CREATE TABLE bugbears ( id SERIAL PRIMARY KEY, category VARCHAR(100), name VARCHAR(100), rage_level INTEGER, description VARCHAR(280) ); ``` --- ## What we have learned? #### Simplifying Pools ![](https://i.imgur.com/g87OMFH.png) --- #### Security! <iframe src="https://giphy.com/embed/6Bb8N1G22zc4g" width="480" height="349" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- ##### How can I prevent SQL injection in PHP? ![](https://i.imgur.com/cFJ23XT.png) --- ##### LIKE THIS! Node-postgres supports parameterized queries, passing your query text unaltered as well as your parameters to the PostgreSQL server where the parameters are safely substituted into the query with battle-tested parameter substitution code within the server itself. documentation = https://node-postgres.com/features/queries --- ![](https://i.imgur.com/jm9c7NY.png) --- #### Submit buttons & needing to reload the page for database to update ![](https://i.imgur.com/mLPg3co.png) --- ![](https://i.imgur.com/1okPsaQ.png) --- ## Challenges <iframe src="https://giphy.com/embed/T8Dhl1KPyzRqU" width="480" height="330" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- ### What did we struggle with? - CSS --> Structure of our lists + spacing - Understanding how files connect - Battling with auto redirecting submit buttons - Creating a database? :cold_sweat: ![](https://media.giphy.com/media/13EjnL7RwHmA2Q/giphy.gif) --- ### Questions? <iframe src="https://giphy.com/embed/3o6Ztmsbx7HpCHiRJC" width="480" height="366" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
{"metaMigratedAt":"2023-06-14T23:19:52.509Z","metaMigratedFrom":"Content","title":"BugBears","breaks":true,"contributors":"[{\"id\":\"6d4d3154-b883-4d43-b76c-2e58b74a5e3d\",\"add\":451,\"del\":56},{\"id\":\"b52387b0-6b80-49cb-82b9-3c3bf2fbbf01\",\"add\":1764,\"del\":150},{\"id\":\"f64c50bb-53de-417a-8ba0-d7f2afdf9ad9\",\"add\":1400,\"del\":229}]"}
    153 views
   Owned this note