Crafters Social Media App

Crafters is a social media app aimed at helping local crafters to show and share their personal hand made work to the rest of the world, with the possibility to sell their project and make money of it.

Screenshots

Getting started

1. Clone the repo

git clone https://github.com/GustavoSilvaNavarro/crafters-app.git
cd crafters-app

2. Run command to install dependencies backend and frontend

npm install

Backend

1. Server is using SQL database, You should create a database with the name of your preferences and create a .env file with the following keys

// DB connection to SQL
DB_SQL_HOST= //example 127.0.0.1
DB_SQL_USERNAME=  //example root
DB_SQL_PORT=  //example 3306
DB_SQL_PASSWORD= // user's password
DB_SQL_DATABASENAME=  //database name
DB_SQL_DIALECT=  //example mysql

// CLOUDINARY KEYS info provided by cloudinary | https://console.cloudinary.com/users/login#gsc.tab=0
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_PUBLIC_KEY=
CLOUDINARY_SECRET_KEY=

// STRIPE KEYS  Provide by Stripe | https://stripe.com/
STRIPE_PUBLIC_KEY=
STRIPE_PRIVATE_KEY=

// Auth0 KEYS provided by auth0
REACT_APP_AUTH0_DOMAIN=
REACT_APP_AUTH0_CLIENT_ID=
REACT_APP_AUTH0_UNIQUE_IDENTIFIER=

// Client domain
CLIENT_DOMAIN_URL= //example http://localhost:3000

2. Run development server

npm run start:dev

3. Run test/jest environment

npm test

Frontend

1. Create a .env file with the following keys

// Auth0 KEYS for client side | https://auth0.com/docs/quickstart/backend/nodejs/interactive
REACT_APP_AUTH0_DOMAIN=
REACT_APP_AUTH0_CLIENT_ID=

2. Run react in developer mode

npm start

3. Run test/jest environment

npm test

Build with

Backend

• Express - Express is a minimal and flexible Node.js web application framework
• NodeJs - An open-source, cross-platform JavaScript runtime environment.
• Sequelize - ORM for SQL Databases
• MariaDB - SQL Database
• Stripe - Service for payment methods and much more.
• Cloudinary - Media Library that allows to store media.
• Typescript - TypeScript is a strongly typed programming language that builds on JavaScript.

Frontend

• React - Front end library for building user interfaces.
• FilePond - A JavaScript library that can upload anything you throw at it.
• Auth0 - Service for authentication and authorization.
• Tailwindcss - CSS Framework to style applications.
• Framer Motion - A production-ready motion library for React.

Author

• Gustavo Silva Navarro - GitHub - Linkedin
• Patrick Hull - GitHub - Linkedin
• Danielle Stroscher - GitHub - Linkedin