DEV Community

Cover image for MERN Stack WebApp for Centralised Store
of Projects with MongoDB Data API.
Kartik Prajapati
Kartik Prajapati

Posted on

MERN Stack WebApp for Centralised Store of Projects with MongoDB Data API.

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

Welcome to Allprojects πŸ‘‹

License: Apache License

Centralised store of Projects to make it shareable and powerful Search with MongoDB API (Full Stack MERN(Mongodb ,Express Js,React Js,Node js)

🏠 Homepage

✨ Demo

Clone

git clone https://github.com/Kartik1397/allprojects.git
Enter fullscreen mode Exit fullscreen mode

Getting Started with AllProjects.ml

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
Enter fullscreen mode Exit fullscreen mode

Contributors

πŸ‘€ Kartik Prajapati, Deep Shah

🀝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

πŸ“ License

Copyright Β© 2022 Kartik Prajapati.
This project is Apache…

Additional Resources / Info

Image description

Image description

Contributors:
@kartik1397
@deepshah1309

Discussion (1)

Collapse
deepshah1309 profile image
shah deep

It was really nice working with you kartik in hackathon 😎. Enjoyed the hackathon.🀘🀘🀘. Thanks mongodb atlas and dev.to for this hackathonπŸ˜ƒ