Create full-stack apps with React and Express. Run your client and server, and do a restart of your database to have a full-stack project working in minutes.
You can follow these instructions and code along with the video - setup instructions working
-
Go to your source directory in your Terminal and run the command
git clone [https://github.com/Yosolita1978/React-Express-PairProgramming.git NAMENEWDIRECTORY](https://github.com/Techtonica/ProjectCRUDTemplate.git)
-
To clean the original git history from your folder, run the command
rm -rf .git(you don't want to work with the forked git of the owner of this template) -
Run the command
git initto start your git repository
-
Go to the server folder in the project (
cd server) and run the commandnpm install -
Inside your server folder, create a .env file with
touch .env -
Inside your server folder, open the file
.env.exampleand copy the file there. -
Inside your .env file, paste the string from .env.example and change the variables with the values from the project. For this template, the name of your database is
techtonica1.
-
To restore the database dump file that the project already contains, just run the command
psql -U postgres -f db.sqlin your Terminal. Make sure that you have your Postgres password on hand as the psql console will ask you for it. If you configured your Postgres without a password, just run the commandpsql -f db.sql -
Run the command
npm startto run your server and it should look like this:
- Go to the client folder (
cd ..andcd client) and run the commandnpm install - Both servers should now run with
npm start - Go to localhost:3000 and you should see something like this:
