DBU Design Corps is a Gatsby-powered Twitter directory that highlights all under represented STEAMD (Science, Technology, Engineering, Art, Math, Design) representatives in order to build Earth’s largest pipeline of future inventors, designers, engineers and audacious changemakers across all industries. It aims to help people find notable and relevant voices to follow on Twitter by parsing Twitter bios for popular keywords.
- For members, it enables you to brand, market & connects you to allies who are committed to sponsoring your progress.
- For Hiring Managers and Diversity and Inclusion leaders, it enables them to discover, connect, invite and hire highly skilled talent.
- For Journalists, Event Organizers + Podcasters it acts a destination to discover, spotlight, hire, interview and include diverse vital voices in #STEAMD.
DBU Design Corps Directory is using Women Who Design source code that was build by Jules Forrest. Designed By Us is happy to offer its own version of the source code that you can access by simply forking the template. The following instructions will get you a copy of the project up and running on your local machine to get started.
This project requires API keys from Twitter to populate the profile data. Start by creating an app on the Twitter developer dashboard. Select the "Read only" access option.
If you haven't already, clone the repo and open it in your code editor.
On lines 16 and 17 of the gatsby-config.js file, replace process.env.DBU_CONSUMER_KEY with the consumer key from the "Keys and tokens" page of your app's developer dashboard.
Generate a bearer token by running this command in your terminal, replacing the variables with your consumer key and secret information.
curl -u "$CONSUMER_KEY:$CONSUMER_SECRET" \
--data 'grant_type=client_credentials' \
'https://api.twitter.com/oauth2/token'
Copy the bearer token and on line 18, replace process.env.DBU_BEARER_TOKEN with it.
The directory's profiles are generated from the list of users that the Designed By Us | Design Corps Twitter account follows.
To provide your own user list, replace the number on line 19 of the gatsby-config.js file with the Twitter ID of your chosen Twitter account. To get the Twitter ID of your account, provide your handle to a service like Tweeter ID.
Make sure that the account provided is following at least one account and that Twitter ID on line 19 is in quotes.
If you're new to development, start by installing Homebrew, a macOS package manager. Paste the following command in your terminal.
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
When Homebrew installed, use it to install Yarn, a JS dependency manager.
brew install yarn
After Yarn is installed, use it to install the dependencies.
yarn
Download and install the latest Node.js version from the official Node.js website,
Make sure you have installed Git as well.
The Gatsby CLI tool lets you quickly create new Gatsby-powered sites and run commands for developing Gatsby sites. It is a published npm package. The Gatsby CLI is available via npm and should be installed globally by running:
npm install -g gatsby-cli
Making sure you're in the correct project folder, start the local development server.
yarn start
gatsby develop
In your browser, open localhost:8000.
If you have troubles running your site, refer to the official documentation
DBU Design Corps is hosted on Netlify, however Gatsby allows you to host your website on Gatsby Cloud. This official documentation explains how to host your website and collaborate with teammates on the project.