This content originally appeared on DEV Community and was authored by Kartik Prajapati

Implementation of WebApp with MVC(Model/View/Controller)
Pattern and to get the benefits of MongoDB Atlas to store the data, Powerful Search and Tag based Project Creation to make it a Generalised solution to all kinds of projects to be shareable.

Overview of My Submission

allprojects.ml uses CI/CD with Microsoft Azure and Cloudflare pages, API Requests on Subdomain(api.allprojects.ml), Express.js Session and UI with React Js, Interfaces, Backend Controllers, and Models of Mongoose (mongoose is a mongodb object modeling tool designed to work in an asynchronous environment), Google Auth API to SignIn the user in the webApp, Aggregation used for Count in Projects, Enabled Schema Index for Search in Projects with any String field, Database(AllProjects), Collection(users, projects), Controllers(AuthRoutes, ProjectRoutes, UserRoutes)

Submission Category:

Choose Your Own Adventure: Centralised and shareable set of
Projects with MongoDB Atlas API and Full-Stack(NodeJs, Express.js, React Js).

Link to Code

git clone https://github.com/Kartik1397/allprojects.git

cd allprojects/client
npm install



cd server 
npm install


add .env.local in Client Directory
in .env.local paste below code:
REACT_APP_API_URL= http://localhost:8000


add .env in server Directory
add below code in .env:

MONGO_URL='Mongodb-url'
CLIENT_ID='Here your google auth client Id'

Now Start both CLIENT and SERVER:

cd client
npm start

cd server
npm start


YEAH you have successfully run the Application

Additional Resources / Info

Contributors:
@kartik1397
@deepshah1309

This content originally appeared on DEV Community and was authored by Kartik Prajapati

Print Share Comment Cite Upload Translate Updates

APA

Kartik Prajapati | Sciencx (2022-01-13T10:29:03+00:00) MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.. Retrieved from https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/

MLA

" » MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.." Kartik Prajapati | Sciencx - Thursday January 13, 2022, https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/

HARVARD

Kartik Prajapati | Sciencx Thursday January 13, 2022 » MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.., viewed ,<https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/>

VANCOUVER

Kartik Prajapati | Sciencx - » MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/

CHICAGO

" » MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.." Kartik Prajapati | Sciencx - Accessed . https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/

IEEE

" » MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.." Kartik Prajapati | Sciencx [Online]. Available: https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/. [Accessed: ]

rf:citation

» MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API. | Kartik Prajapati | Sciencx | https://www.scien.cx/2022/01/13/mern-stack-webapp-for-centralised-storeof-projects-with-mongodb-data-api/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.