{"id":23205532,"url":"https://github.com/luminar-technolab/project-fair-july24","last_synced_at":"2026-04-13T13:02:52.067Z","repository":{"id":263944544,"uuid":"891313352","full_name":"Luminar-Technolab/Project-Fair-July24","owner":"Luminar-Technolab","description":"One Stop Destination for all Software Development Projects. Where User can add and manage their projects. As well as access all projects available in our website... What are you waiting for!!!","archived":false,"fork":false,"pushed_at":"2024-12-13T05:04:58.000Z","size":848,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-24T09:56:52.627Z","etag":null,"topics":["expressjs","jsonwebtoken","mongodb-atlas","mongoose","multer","react-router","reactbootstrap","reactjs"],"latest_commit_sha":null,"homepage":"https://project-fair-july24.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Luminar-Technolab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-20T05:30:52.000Z","updated_at":"2024-12-13T05:05:02.000Z","dependencies_parsed_at":"2024-11-21T06:21:19.156Z","dependency_job_id":"afc3fa1d-31dd-4293-a674-677cd72347f5","html_url":"https://github.com/Luminar-Technolab/Project-Fair-July24","commit_stats":null,"previous_names":["luminar-technolab/project-fair-july24"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Luminar-Technolab/Project-Fair-July24","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luminar-Technolab%2FProject-Fair-July24","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luminar-Technolab%2FProject-Fair-July24/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luminar-Technolab%2FProject-Fair-July24/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luminar-Technolab%2FProject-Fair-July24/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Luminar-Technolab","download_url":"https://codeload.github.com/Luminar-Technolab/Project-Fair-July24/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luminar-Technolab%2FProject-Fair-July24/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31753551,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","jsonwebtoken","mongodb-atlas","mongoose","multer","react-router","reactbootstrap","reactjs"],"created_at":"2024-12-18T16:38:18.587Z","updated_at":"2026-04-13T13:02:52.050Z","avatar_url":"https://github.com/Luminar-Technolab.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# MERN Stack - Steps To Build MERN Project\n\n# Front End - React Application\n\n# React - To design application \u0026 make api call to server\n\n1. Create react app using Vite : npm create vite@latest project-name -- --template react\n2. Remove unwanted code from exisiting project (App.jsx, App.css, index.css)\n3. Install \u0026 configure Libraries we need for our project (styling libraries : react bootstrap / tailwind css)\n4. Create pages \u0026 components for designing the project\n5. Set route for each pages / Components : install \u0026 configure library - 'react-router-dom' (BrowserRouter, Routes, Route)\n6. Set up API Call to server inorder to resolve user request - Install axios (serverUrl,commonAPI,allAPI files create) method used to make api call using axios is : 'axios(reqConfig) method' according to 'reqConfig' it can can make get,post,put \u0026 delete request. project only have a single api then use axios.http-request() method.\n7. To get/access result of api call using axios : check status of api call result, if it is 200 /success then use result.data as server response otherwise result.response.data is the server response\n\n# Back End - Express JS \u0026 MongoDB \n\n# MongoDB Atlas - Data permanently stored in cloud \n\n1. Create database in the exisiting cluster, Inside Atlas dashboard, go to clusters -\u003e Browse collections -\u003e create database -\u003e provide db name \u0026 a collection name -\u003e click create button\n2. Get the connection string MongoDB Atlas Database: Inside Atlas dashboard, go to clusters -\u003e connect -\u003e Connect to your application 'Drivers' -\u003e copy connection string to use in node application\nconnection string ex: mongodb+srv://\u003cdb-username\u003e:\u003cdb_password\u003e@cluster0.uw2u0.mongodb.net/\u003cdatabase_name\u003e?retryWrites=true\u0026w=majority\u0026appName=Cluster0\n\n# Express JS - Used to create server for web application and resolve Client/Frontend request with help of Database\n\n1. Create folder for server\n2. Create package.json file using : npm init -y\n3. Install all necessary packages for server creation : express, cors, dotenv, mongoose, jsonwebtoken (if authentication/login feature is available in project)\n4. Create file .env \u0026 .gitignore\n5. Create index.js file for running your server application\n6. Steps to do in index.js file for creating express server\n    - import dotenv,express,cors, database connection file , object of express.Router class\n    - Create express server using method : express()\n    - Use cors() , express.json() , object of express.Router class  in express server\n    - Create PORT number where express app can view in browser\n    - Listen the port of express server for client request \n    - Run the express server app using command : node / nodemon index.js\n    - Set up for MongoDB Atlas connection with Express server\n        - Paste mongodb atlas connection string in .env file\n        - Create folder for defining db connection and create a js file inside it\n        - Inside js file , define steps to connect mongodb with express js\n            - import mongodb\n            - Get mongodb atlas connection_string from .env file\n            - connect mongodb with express js using method : mongoose.connect(connection_string)\n    - Set up url / route for client request / api call in express server app\n        - Create a folder in server app , and create js file to define url for client api call\n        - inside js file , Import express, controllers \n        - To create route / url in express : create object for express.Router class\n        - Define url / route using the object of express.Router class\n        - route using object of express.Router class ex : router-class-object.http-method(path,controller-name)\n        - export object of express.Router class and import in index.js \n    - Set up For controller ( controllers are asynchronous function with 2 arguments first one is 'request' object and another is 'response' object. Controllers used to define logic to resolve client request \u0026 communicate with database model )\n    - Set up Model for Mongodb database collection in express server\n        - Import mongoose\n        - Create schema / structure of the data to be stored in mongodb collection , for that create object of mongoose.Schema class\n        - Create Model with schema using method mongoose.model(model-name,schema-name)\n        - export model\n\n\n\n        front end user -\u003e api call -\u003e routes in server -\u003e controller -\u003e model -\u003e model reponse to controller -\u003e controller response to front end user\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluminar-technolab%2Fproject-fair-july24","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluminar-technolab%2Fproject-fair-july24","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluminar-technolab%2Fproject-fair-july24/lists"}