Curriculum: Create full stack app creation checklist

[vegetabill]

Create new cheklist file in /projects folder.

This should be a detailed guide that lists how to create a PERN stack app from scratch.

• create-react-app UI app
• Express API node app
• Postgres database

A simplified form of it can be found in the Animal Tracker assignment. Please turn this into a full document with code snippets.

Repository Layout

Include notes about the best way to include a react client and its API in one repo. The simplest way we found in H1-2020 looked like this:

├── .gitignore
├── README.md
├── react-client
│   ├── README.md
│   ├── build
│   ├── coverage
│   ├── node_modules
│   ├── package-lock.json
│   ├── package.json
│   ├── public
│   └── src
├── index.js // Defines the Express server
├── lib // any modules needed by the Express API server
├── seed-data.sql
└── package.json

This works well with Heroku if you add this script to your package.json:

"scripts": {
  "heroku-postbuild": "npm install --prefix react-client && npm run build --prefix react-client"
}

And in your Express app in index.js

/* FOR HEROKU-DEPLOYMENT */
if (process.env.NODE_ENV === 'production') {
  app.use(express.static('react-client/build'));
  app.get('*', (req, res) => {
    res.sendfile(path.resolve(__dirname, 'react-client', 'build', 'index.html'));
  });
}

For a working example, see Moodify

For FAQs on how to contribute, see: https://github.com/Techtonica/curriculum/blob/main/CONTRIBUTING.md

[habeeba-naaz]

I am interested to work...please assign me this if possible

[Kundan28]

I am interested to work...please assign me this if possible

Sorry to say but your PR is not yet merged.

[habeeba-naaz]

Yes...but it’s already approved by one reviewer ...so I am free to do this issue..Please try to assign..I am interested to do..this issue..from this issue I can learn a lot,it’s good opportunity for me

[Kundan28]

Yes...but it’s already approved by one reviewer ...so I am free to do this issue..Please try to assign..I am interested to do..this issue..from this issue I can learn a lot,it’s good opportunity for me

At least 2 mentors has to approve it.

[gauravdas014]

Please assign me this issue.

[Kundan28]

You could now start working on this issue @gauravdas014

[gauravdas014]

Thank you! How much time am I alloted for this?

[Kundan28]

Two weeks.

[gauravdas014]

Sir, I was assigned the issue 1287 , but I have realized I am not much experienced for that issue, I am not a pro in backend so I will not be able to complete it, please deassign the issue, so that others can work on it. I am really very sorry for that.

[habeeba-naaz]

@alodahl specified changes in my previous issue and I did that changes...she told to comment on another issue...she told she’ll merge that Issue ASAP. So please if possible assign me this issue? @Kundan28

[Kundan28]

@habeeba-naaz You could start working on this issue.

[habeeba-naaz]

Thank you @Kundan28

[habeeba-naaz]

Can I take any example to create PERN stack detailed guide from scratch? Or only Animal Tracker assignment ?

[Kundan28]

Can I take any example to create PERN stack detailed guide from scratch? Or only Animal Tracker assignment ?

@alodahl @vegetabill

[habeeba-naaz]

Once please answer below question:

Can I take any example to create PERN stack detailed guide from scratch? Or only Animal Tracker assignment ? @vegetabill @alodahl

[alodahl]

@habeeba-naaz I think Bill means that you can use the animal tracker as a starting point. You can use other examples, but be sure to cite the source if you use their text. Based on the description, I'm thinking that this should be topic-agnostic, and should simply list what any basic PERN app needs. @vegetabill is that correct?

[habeeba-naaz]

I thought to implement a basic PERN stack app example with screen shots..which includes steps to build..is it right?

[Kundan28]

I thought to implement a basic PERN stack app example with screen shots..which includes steps to build..is it right?

@alodahl

[alodahl]

@habeeba-naaz yes, sorry I missed this for so long. Having steps to build a basic PERN stack app example with screen shots sounds perfect. For the screenshots, can add them and the directions to a new slideshow from a copy of this template?: https://docs.google.com/presentation/d/1uFlV8eVrPtwjb4wPoUCd7Fk3PNqf1Eoo9mZ-_7D3_GQ/edit#slide=id.p

Please let me know yes or no if you are still willing to work on this issue.

[habeeba-naaz]

Sorry...please unassign me...got some other work to do...please assign this to anyone interested

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.