Creating a full-stack token authentication application with react on the front-end.
database - mongo - in terminal type mongod to run
back-end server - type npm run dev in the server directory - port 3449
front-end server - webpack-dev-server - npm run start in reactFront directory - port 8080
you tell me, Paul
You must create a config.js file in the server directory and make your own secret. Inside the config.js this is exactly what the file should look like.
module.exports = {
secret: 'YOURSECRETHERE'
};
You must change 'YOURSECRETHERE' to any random number of letters and numbers and that will be your local secret. DO NOT SHARE WITH ANYONE
The reason this file is not created when you clone the repo is because the .gitignore tells git to ignore the file config.js. This is to make everyone that uses this authentication system have a different secret.
git clone https://github.com/iAmNawa/reactAuth
npm i
- install dependencies. YOU MUST RUN npm i
in both the server and reactFront directories!
mongod
- Type mongod anywhere on your computer to spin up a database. If it says command not found, you must install mongo. You can install it here https://www.mongodb.com/download-center
After downloading mongoDB you must run two commands to create the database.
mkdir -p /data/db
- This creates the database locally in /data/db
sudo chown -R `id -un` /data/db
- This makes the root user have ownership of the database
npm run dev
- in server folder
npm run start
- in reactFront folder
localhost:8080 - root route
localhost:8080/signup - signup with email here
localhost:8080/signin - sign in to your account here
localhost:8080/feature - main feature... must be authenticated to visit this route
localhost:8080/signout - will show after you logout