Coder Social home page Coder Social logo

aussiedev81 / creator-spot Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 357 KB

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

License: MIT License

HTML 30.72% JavaScript 50.73% CSS 18.54%
beginner-friendly buildinpublic community-project open-source react supabase

creator-spot's Introduction

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!


creator-spot's People

Contributors

aussiedev81 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.