Skip to content

GauravGupta993/MERN-Templates

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MERN-Templates

This repository consists of all the frequently used frontend and backend templates in MERN applications!

Folder Structure

  • Client - contains the entire code for the UI.
  • /client/src/template : this is where the contributors can create all their templates.
  • /client/src/template/design : this will contain the UI of the whatever template you are contributing (for example, the UI of a chat app).
  • /client/src/template/apicall : this will contain all the code written to get various stuff by using API calls and some very basic page design to check the functionality of your backend code.
  • /client/src/data.js - after creating your template, make sure to import it here.
  • Server : contains entire backend logic, database connections (MongoDB in this case) and various other stuff.
  • /server/routes - add all the api routes here, which other contributors (or maybe you) might use.
  • /server/models - add all the MongoDB models here.

Getting started with the project

Follow these steps if you are new to working with React Projects.

  • Clone the repository : git clone https://github.com/GauravGupta993/MERN-Templates.git
  • Navigate to the folder : cd MERN-Templates
  • Navigate to the client folder :cd client
  • Install dependencies : npm i
  • Run the client side : npm run start
  • Open http://localhost:3000/ to see the rendered client.
  • Open a new terminal in MERN-Templates and then navigate to the server folder : cd server
  • Install dependencies : npm i
  • Start the server : node server.js
  • Make sure to read the contribution guidelines in Contributing.md
  • You can start contributing now !