Code Monkey home page Code Monkey logo

techtonica_project's Introduction

Template for an Express and React App Project

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.

Step-by-Step Instructions: Using This Template to Start Your Project

You can follow these instructions and code along with the video - setup instructions working

To create the whole project

  1. Go to your source directory in your Terminal and run the command git clone https://github.com/Yosolita1978/React-Express-PairProgramming.git NAMENEWDIRECTORY You will see something like this in your terminal.

  2. 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)

  3. Run the command git init to start your git repository You will see something like this in your terminal.

To install, set up, and work on the server side

  1. Go to the server folder in the project (cd server) and run the command npm install

  2. Inside your server folder, create a .env file with touch .env

  3. Inside your server folder, open the file .env.example and copy the file there.

  4. 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. Your .env file should look like this.

  5. To restore the database dump file that the project already contains, just run the command psql -U postgres -f db.sql in 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 command psql -f db.sql

  6. Run the command npm start to run your server and it should look like this: You will something like this in your terminal.

To work on your frontend

  1. Go to the client folder (cd .. and cd client) and run the command npm install
  2. Both servers should now run with npm start
  3. Go to localhost:3000 and you should see something like this: You will something like this in your terminal.

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.