A MERN Boilerplate for anyone who wants to use it in their browser project.
It comes with a pre-set, responsive navigation, and basic pages. The pages include the home/landing page, about, and contact pages, all will be blank, but they're just there as place holders for the navigation.
Everything can be edited to suit your preferences. I just made this one so I don't have to keep remaking it for my MERN browser projects.
- Google Fonts: I used poppins for this one, but you can change it.
- Express Server that listens on port set both on the server.js file & .env config for dotenv
- Preset directories set up for controllers, routes, models, and config
- create-react-app frontend
- scripts preset (see package.json)
- React-router v6 route setup
- Responsive Navigation
- customizable
- scalable
- preset, but customizeable light/dark theme toggle
- Set up for the react@18 and react-dom@18 update
- Brad Traversy Udemy Course
- Academind Udemy Course
- Awesome Readme Templates
- Awesome README
- How to write a Good readme
- Kevin Powell, Scrimba, FrontendMentor.io tutorial
- Generate your favicon files
- Extract the package download into "./frontend/public" directory
- Insert the given code into the head section of the "./frontend/public/index.html" file
You can change your theme colors in the "./frontend/src/index.css" file's CSS variables
-Google Fonts You can choose your fonts, then insert the code into the head section of the "./frontend/public/index.html" file
-DotENV NPM Add your environment variables to the .env file. See the 'env.md' file in '/backend/config/env.md'.
npm install
cd frontend
npm install
npm run frontend
npm run server
npm run dev
(Proxying API requests in development)[https://create-react-app.dev/docs/proxying-api-requests-in-development/]