Skip to content

codesect/cs01-team-grace-01

Repository files navigation

📞 Who Called Me 📞
(CS01 Team Grace 01)

Know who called you with our free reverse phone lookup app.

User Stories

On the homepage:

  • As a site visitor, I want to see a search box where I can type a phone number, so I can quickly find other user's ratings.
  • As a site visitor, on the first visit I want to see a message about cookie usage, so I can be informed about privacy issues.
  • As a site visitor, on subsequent visits, I don't want to see the message about cookie usage.
  • As a site visitor, I want to see the latest 10 user submitted messages.

On the phone number details page:

  • As a site visitor, I want to see the phone number in large letters, so I can quickly and easily check if it is what I was looking for.
  • As a site visitor, I want to see a "trust score", so I can identify if the phone number is trustworthy.
  • As a site visitor, I want to see a list of possible caller names submitted by users, so I can guess whose phone number it is.
  • As a site visitor, I want to see a list of possible call types.
  • As a site visitor, I want to see the total number of ratings, so I can see if the "trust score" is reliable.
  • As a site visitor, I want to see the total number of search request, so I can see how many times it's been searched for.
  • As a site visitor, I want to see the number of daily page views in the last month, so I can see if the number is trending.
  • As a site visitor, I want to see a list of user submitted ratings, so I can read other user's experience.
  • As a site visitor, I want to submit my rating, so let others know whose phone number it is.

On the user rating section:

  • As a site visitor, I want to see the score given by the user.
  • As a site visitor, I want to upvote or downvote a rating, so others can see how helpful the rating is.
  • As a site visitor, I want to see the user's name, comment, and the date when it was submitted.
  • As a site visitor, I want to be able to reply to a rating.

Tools Used

Add a list of tools used like frameworks, libraries, task runners, test runners, bundlers, linters, template engines, etc.

This project was bootstrapped with Create React App.

Install and Build

In the project directory, you can run:

npm start:react

Runs the app in the development mode. You can 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.

npm start:lambda

Starts the lambda server

npm run lint

Lints your code using ESLint.

npm run test:unit

Launches the test runner in the interactive watch mode.

npm run test:e2e

Starts a development server and runs Cypress tests.

npm run cy:open

Opens Cypress desktop GUI.

npm test

Runs unit tests, starts a development server, and runs e2e tests.

npm run build:app

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

npm run build:lambda

netlify-lambda takes a source folder (/server) and outputs it to a built folder (/built-lambda). It runs a single build of the functions in the folder.

npm run build

Builds the app and lambda functions for production.

Contributors

Add a list of contributors

About

Who Called Me app with React.js, Apollo, and GraphQL

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published