Skip to content

A react application using supabase that will allow users to search, filter, and connect with creators around the globe

License

Notifications You must be signed in to change notification settings

AussieDev81/creator-spot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CreatorSpot

GitHub forks GitHub contributors GitHub last commit GitHub

React Supabase

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

Getting Started

  1. Fork your own copy of this repo and navigate into the creator-spot application's root directory wherever you saved it.

  2. 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.

  3. 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!


About

A react application using supabase that will allow users to search, filter, and connect with creators around the globe

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published