GithubHelp home page GithubHelp logo

maxmay94 / decoupled-mern-jwt-auth-template-front-end Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sei-remote/decoupled-mern-jwt-auth-template-front-end-cra

0.0 0.0 0.0 288 KB

HTML 9.54% JavaScript 79.82% CSS 10.64%

decoupled-mern-jwt-auth-template-front-end's Introduction

Decoupled MERN Stack with JWT Auth Template - Front End

This is the front end of a decoupled MERN Stack app that includes JWT Authentication.

When combined with the back end found here, you'll have all you need to build a full stack MERN app!

Use this to go build things! ๐Ÿš€

To Use This Template

Replace <name-of-your-app-here> in the commands below with the name of your app!

git clone https://github.com/SEI-Remote/decoupled-mern-jwt-auth-template-front-end <name-of-your-app-here>-front-end
cd <name-of-your-app-here>-front-end

Once you are in the project directory:

rm -rf .git

Here's what your command line output should like after this step (note that the indicator that we are in a git repository is gone!)

The command line before and after running the rm -rf .git command. Before git:(main) is visible indiating that the directory contains a git repository, after the command it is not.

Re-initialize a git repository:

git init

Use the GitHub CLI to create a new project repository on GitHub:

gh repo create <name-of-your-app-here>-front-end

Run npm i to fetch the template's dependencies:

npm i

touch a .env file:

touch .env

Fill it with the following:

REACT_APP_BACKEND_SERVER_URL=http://localhost:3001

๐Ÿšจ DO NOT place secrets in this .env file. The contents of this file WILL be exposed to site visitors.

Delete this README.md, then make an initial commit:

git add .
git commit -m "initial commit"
git push -u origin main

You're done!

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.