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