This current project name is just one that I chose at random from the following list, name suggestions are welcome:
- CreatorConnect
- CreatorSpace
- CreatorSpot โฌ
- CreatorHub
- CreatorLink
- CreatorExchange
- CreatorFinder
- CreatorNation
- InfluencerIndex
- TalentSpot
- SocialStars
-
Fork your own copy of this repo and navigate into the creator-spot application's root directory wherever you saved it.
-
Create a file called
.env.local
in the root directory, and add the following to it:REACT_APP_SUPABASE_URL=https://roduuhtdbulrrzcgzmnc.supabase.co REACT_APP_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJvZHV1aHRkYnVscnJ6Y2d6bW5jIiwicm9sZSI6ImFub24iLCJpYXQiOjE2NzQxMTg4MjIsImV4cCI6MTk4OTY5NDgyMn0.bk6Hx92ef8QT1_cuQNppFPOJwiEZDj_PS3qz2lRIvaw
Note: Later we will add sensitive data to this file (this api key is fine thanks to RLS), but as good practice we never want to share
.env
files so it has been added to the gitignore file. -
Open a terminal window (or the integrated one in your IDE), and making sure to be in the project root directory, run
npm start
(Ctrl + C to stop) to spin up the project which should open in your default browser.
The page should look like the following:
The app so far is completely based on this YouTube playlist by The Net Ninja (just uses different data including an array of categories) and includes content up to the 4th video in the series.
I encourage you to watch the series from the start and familiarize yourself as React requires a bit of a learning curve if you're not already familiar with it, and then continue on and see how awesome you can make this app.
Also, you should definitely create yourself an account with supabase and try creating and connecting to your own database to get comfortable with that too.
When you are happy with what you've done, create a pull request to merge your changes into this repo.
If you're unfamiliar with GitHub, this will give you crucial experience as forking, committing your changes, and creating pull requests are key parts of the git version control system.
Happy coding!