Skip to content

Example Twitter client web app shown in Cypress in a Nutshell webcast.

Notifications You must be signed in to change notification settings

alejandroLoz/birdboard

 
 

Repository files navigation

BirdBoard

Simple example Twitter client to demonstrate some core Cypress concepts as seen within the 📺 Cypress In A Nutshell webcast.

  • The frontend is implement with Vue, Vuex, Vue Router, and Vuetify.
  • The backend provides an API via an Express server, and data is stored within MongoDB instance.

Project setup

  1. Install a local instance of MongoDB. Check the installation docs for your operating system.

    If you're using macOS you can quickly have a MongoDB instance via the MongoDB.app

  2. (Optional) If you actually want to load real tweets from Twitter, you'll need to grab a Twitter API keys, and place them within /src/server/twitter.js file.

    const twitter = new TwitterAPI({
      consumer_key: '',
      consumer_secret: '',
      access_token_key: '',
      access_token_secret: ''
    })
  3. Install dependencies:

    npm install
    

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Open Cypress desktop app

npx cypress open

Headlessly run Cypress tests

npx cypress run

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

About

Example Twitter client web app shown in Cypress in a Nutshell webcast.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 85.2%
  • Vue 13.9%
  • HTML 0.9%