Giter Club home page Giter Club logo

sourdough-saas-react-django's Introduction

Sourdough SaaS

SaaS app boilerplate built with a react frontend and django backend

Getting Started

Run the frontend by navigating to the frontend directory and running 'npm install'. When the installation is complete, run 'npm start' to launch the react app.

In the backend directory, create the css files and javascript bundles by running webpack using 'npm run build-dev'. This will watch for changes to files in the assets directory and re-run the webpack pipeline on save.

Download the .env file from [GOOGLE DRIVE LINK] to get database access.

Launch the Django backend by running 'python manage.py runserver'.

Authentication

App uses simplejwt authentication with the additional option of Google sign-in. See the below docs for more information on how it works.

Backend

Overview (didn't follow this exactly, more of a rough outline): (https://medium.com/@ronakchitlangya1997/social-authentication-email-using-django-and-react-js-e1cc8456262d).

Google developer console: https://console.cloud.google.com/apis/credentials?project=sourdough-saas

Frontend

https://www.npmjs.com/package/@react-oauth/google

Email

Admin and support email: [email protected]

Emails for this project are sent using the django-anymail[amazon-ses] python package (https://anymail.dev/en/stable/esps/amazon_ses/). It can easily be configured to use other email providers if desired.

Documentation on sending emails can be found here: https://anymail.dev/en/stable/sending/.

The email service is powered by Amazon SES (https://aws.amazon.com/ses/). While in sandbox mode, emails may only be sent to verified emails that have been set up within the SES app. Before deploying to production, you will need to contact the AWS team to activate production access for any email.

Email HTML templates are stored in the emails folder of the templates directory. Easily create new email templates using the editor on https://pro.beefree.io/.

Customize email template with personalized content using the render_to_string method of the Django template loader. Customization works the same way as any other Django template, by passing a context dictionary and referencing the variables in the HTML using the {{variable_name}} syntax.

Production Deployment

AWS Configuration

Run 'aws configure' and provide acces key Id and secret key. Set region to 'us-east-1' for non-prod.

sourdough-saas-react-django's People

Contributors

jaredblackjcb avatar

Watchers

James Cloos avatar  avatar

sourdough-saas-react-django's Issues

Add email verification for create account

GIVEN a user registers with email and password:
THEN:
They will go to a new 'Verify Email' page directing them to check their email.
An email will be sent with a 'Verify Email' button containing a deep link that will create the account and redirect the user to the dashboard page.

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.