MaryBruff / H8rAid

๐Ÿ”Ž Find controversies about your favorite celebrities ๐Ÿ”Ž

Home Page:https://m3-h8r-aid.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

๐Ÿ˜ก H8rAid! ๐Ÿคฌ

Deployed Link

Tests Commits

๐Ÿง‘๐Ÿผโ€๐Ÿ’ป ๐Ÿ‘ฉโ€๐Ÿ’ป ๐Ÿ‘ฉ๐Ÿผโ€๐Ÿ’ป ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Contributors

Lex Hastings | Arden Ranta | Mary Bruff | Joey Stewart

๐Ÿ“‚ Tech Stack

React Badge React Router Badge Cypress Badge VSCode Badge Auth0 Badge .ENV Badge NPM Postman

Note โš ๏ธ

If you would like to contritube or look at this repo in development you'll need our env file to do so. Email the file administrator for the env contents ๐Ÿ“ง Alex.hastings.1227@gmail.com


๐Ÿ“š Table of Contents

๐ŸŒ Overview

Discover the hidden stories of famous personalities with our app, designed to effortlessly bring you controversies linked to public figures directly from Wikipedia. Explore, favorite, and keep up-to-date with the lesser-known sides of the celebrities you follow.


๐Ÿ—‚๏ธ Getting Started

  1. Fork or clone down this respository.
  2. In the terminal, open this app by running the command cd <project folder name>
  3. Run the command npm install to install dependencies.
  4. Run the command npm start to start the server.
  5. Open http://localhost:3000 to view it in your browser.
  6. You can also view the project here.
  7. Use control C to stop the server.

๐Ÿงช Testing Cypress Instructions

This section provides instructions for running Cypress tests on our project.

Main Features Testing

Main features can be tested from the main branch

npm run cypress

AuthO Features Testing

We have a separate testing branch for our AuthO functionality to run these tests checkout to

git checkout Testing/no auth testing branch

๐ŸŽฅ Preview ๐Ÿ“ฑ

Screenshot 2024-01-18 at 10 38 08โ€ฏAM

๐Ÿ“ฑ Mobile and Tablet Views

image

Preview of App

๐Ÿ’ช๐Ÿป Wins

  • Incorporating Auth0
  • Being able to work together in a way that was cohesive and cooperative
  • Understanding the Wikipedia API and its various parameters
  • Learning about DOMPurify which sanitizes HTML and prevents XSS attacks

๐Ÿ’ก Future Ideas

๐Ÿ”ฎ The Ability to Edit Wikipedia Pages from the H8rAid APP

๐Ÿ”ฎ Infinite Scroll

๐Ÿ”ฎ Refining the Search

About

๐Ÿ”Ž Find controversies about your favorite celebrities ๐Ÿ”Ž

https://m3-h8r-aid.vercel.app


Languages

Language:JavaScript 83.9%Language:CSS 13.6%Language:HTML 2.5%