{"id":26134372,"url":"https://github.com/pawankallem/devtinder_web","last_synced_at":"2026-04-10T01:56:05.861Z","repository":{"id":281720167,"uuid":"941978081","full_name":"pawankallem/devTinder_web","owner":"pawankallem","description":"DevTinder application flexible for developers to connect and share each others knowledge.","archived":false,"fork":false,"pushed_at":"2025-03-10T19:30:51.000Z","size":235,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-10T20:27:53.847Z","etag":null,"topics":["daisy","expressjs","mongodb","nodejs","reactjs","redux-toolkit","tail"],"latest_commit_sha":null,"homepage":"https://codehub.world/","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/pawankallem.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":"2025-03-03T11:22:15.000Z","updated_at":"2025-03-10T19:35:01.000Z","dependencies_parsed_at":"2025-03-10T20:28:17.549Z","dependency_job_id":"f3827959-5f92-42a4-9095-8f8155ae7781","html_url":"https://github.com/pawankallem/devTinder_web","commit_stats":null,"previous_names":["pawankallem/devtinder_web"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawankallem%2FdevTinder_web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawankallem%2FdevTinder_web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawankallem%2FdevTinder_web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawankallem%2FdevTinder_web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pawankallem","download_url":"https://codeload.github.com/pawankallem/devTinder_web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242945837,"owners_count":20210762,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["daisy","expressjs","mongodb","nodejs","reactjs","redux-toolkit","tail"],"created_at":"2025-03-11T00:00:18.501Z","updated_at":"2025-12-24T01:38:49.097Z","avatar_url":"https://github.com/pawankallem.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\" id=\"title\"\u003eDevTinder\u003c/h1\u003e\n\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://socialify.git.ci/pawankallem/devTinder_web/image?language=1\u0026amp;owner=1\u0026amp;name=1\u0026amp;stargazers=1\u0026amp;theme=Light\" alt=\"project-image\"\u003e\u003c/p\u003e\n\n### Our site is deployed here https://codehub.world/ Please Check it out\n\n\u003cbr\u003e\n\n\u003cp id=\"description\"\u003eDevTinder is a developer networking platform inspired by Tinder’s interaction model allowing developers to connect collaborate and build meaningful professional relationships. The frontend is built using React Redux Toolkit Tailwind CSS and DaisyUI ensuring a seamless and responsive user experience.\u003c/p\u003e\n\n\u003cbr\u003e\n\n# Uses :\n\nWe can sign in Login, Signup, User Feed, Connection Requests, Current Connectioins, Logout\n\n# Pages Build\n\n\u003cbr\u003e\n\n\u003ch2\u003eProject Screenshots:\u003c/h2\u003e\n\n\u003cbr\u003e\n\n# Funtionallity Added\n\n\u003cbr\u003e\n\n- Signup\n\n![Screenshot 2025-03-11 003817](https://github.com/user-attachments/assets/5d19d7e4-d276-4d69-a281-5e570ea53ca2)\n\n- Edit Profile\n\n![Screenshot 2025-03-11 004006](https://github.com/user-attachments/assets/50998bdf-5f82-4303-a014-79a14eb62c89)\n\n- Login\n  ![Screenshot 2025-03-11 004102](https://github.com/user-attachments/assets/43f1dd73-486d-4325-aa98-d6e33ef98018)\n\n- Users Feed\n\n![Screenshot 2025-03-11 004034](https://github.com/user-attachments/assets/20281deb-1b95-4785-bc3d-a0589f9e7ea4)\n\n- Connection Requests Recieved\n\n![Screenshot 2025-03-11 004243](https://github.com/user-attachments/assets/2186c505-577b-48ed-80cd-b0734b4dca86)\n\n- Connection list\n\n![Screenshot 2025-03-11 004228](https://github.com/user-attachments/assets/c35c417b-18fb-49c4-aa69-491ac035634a)\n\n- Logout\n- Routing and Authentication\n\n\u003cbr\u003e\n\n# Tech Stack Used\n\n\u003cbr\u003e\n\n- Reactjs\n- Redux-Toolkit\n- Daisy UI\n- Tailwind\n- Nodejs\n- Expressjs\n- Mongodb\n\n\u003cbr\u003e\n\n# How To Clone Our Project\n\n```\n$ Open GitBash\n$ git clone https://github.com/pawankallem/devTinder_web\n$ cd devTinder_web\n$ npm install\n$ npm build\n$ npm run preview\n```\n\n\u003cbr\u003e\n\n# Note\n\nAll the images and icon links have been taken from main website and some other internet sources and may be subject to copyright so try not to use the images or icons for business purposes or reproduce them without their approval on the owner of the images and icons used here are just for the making this project and for learning purpose.\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n# Below How I planned to develope code in frontend\n\n\u003c!-- ------------------------------------------ --\u003e\n\n# DevTinder\n\n- Create a Vite + React application\n- Remove unnecessary code and create a Hello world app\n- Install Tailwind css\n- Install Daisy UI\n- Add navbar component to app.jsx\n- Create a Navbar.jsxc separate component file\n- Install react router dom\n- create an outlet in your body component\n- cr4aete a footer\n- Create a Login page\n- Install axios\n- CORS - instalol cors in backend =\u003e add middleware to with configurations: origin, creadentials: true.\n- Whenever you're making api call so pass axios { withCredentials: true}\n- install react-redux + @redux/tolkit - https://redux ....\n- configureStore =\u003e Provider =\u003e createSlice =\u003e add reducer to store\n- Add redux devtools in chrome\n- Login and see if your data is coming properly in the store\n- Navbar should update as soon as user logs in\n- Refactor our code to add constants file + create a components folder\n- You should not be access other routes without login\n- if token is not present, redirect user to login page\n- if token is there upon refresh make api call and update the store\n- logout feature\n- Get the feed and add the feed in the store\n- Build the user card on feed\n- Edit profile feature\n- sho Toast message on save of profile\n- Send / Ignore the user card from the feed\n- new page - see all my connections\n- New Page - see all my connection request\n- Feature - accept / reject connections request\n- Signup New User\n- End to End testing\n\u003c!-- // Pending after this line --\u003e\n\n# FEATURES:\n\n### Login\n\n### Signup\n\n### Feed\n\n### Profile_Edit\n\n### Requests\n\n### Connections\n\n### Logout\n\n# Deployment\n\n- Signup on AWS\n- Launch instance\n- chmod 400 \u003csecret\u003e.pem\n- ssh -i \u003cpemkey path\u003e username@ip\n- Install Nodejs\n- Clone projects using git in instance\n- Frontend:\n\n  - npm install -\u003e for all dependencies in frontend and backend\n  - npm run build in frontend for dist folder which bundles code\n  - sudo apt update\n  - sudo apt install nginx\n  - sudo systemctl start nginx\n  - sudo systemctl enable nginx\n  - Copy dist folder code to /var/www/html/\n  - sudo scp -r dist/\\* /var/www/html/\n  - Enable port :80 of instance in aws\n\n- Backend:\n  - Update DB password\n  - allow / update EC2 instance public IP in Mongo Atlas\n  - install PM2 ( process manager ) =\u003e npm install pm2 -g\n  - pm2 start npm --name \"devTinder-backend\" -- start\n  - pm2 logs\n  - pm2 list, pm2 flush \u003cname\u003e, pm2 stop \u003cname\u003e, pm2 delete \u003cname\u003e\n  - config nginx - /etc/nginx/sites - available default ( sudo nano /etc/nginx/sites-available/default )\n  - restart nginx - sudo systemctl restart nginx\n\n# Nginx Config:\n\n    Frontend = http://\u003cip\u003e/\n    Backend = http://\u003cip\u003e:5005/\n\n    Domain name = devtinder.com =\u003e 43.204.96.49\n\n    Frontend = devtinder.com\n    Backend = devtinder.com:7777 =\u003e devtinder.com/api\n\n    =\u003e\n\n    server {\n            listen 80 default_server;\n            listen [::]:80 default_server;\n\n            root /var/www/html;\n\n            # Add index.php to the list if you are using PHP\n            index index.html index.htm index.nginx-debian.html;\n\n            server_name 65.1.111.63;\n\n            location /api/ {\n                    proxy_pass http://localhost:5005/;\n                    proxy_set_header Host $host;\n                    proxy_set_header X-Real-IP $remote_addr;\n                    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n                    proxy_set_header X-Forwarded-Proto $scheme;\n            }\n\n            location / {\n                    # First attempt to serve request as file, then\n                    # as directory, then fall back to displaying a 404.\n                    try_files $uri /index.html;\n                    #try_files $uri $uri/ =404;\n            }\n\n\n\n    }\n\n# Addming a Custom Domain name\n\n    - Purchased a domain anme from GoDaddy\n    - Signup on Cloudflare and add a existing / purchased domain name\n    - change the Nameservers on Godaddy and point it to Cloudflare\n    - wait for sometime till the nameservers are updated ( mine took 20 mins)\n    - DNS record: A codehub.world map to \u003cip\u003e with ( A ) name\n    - there are ( CName ) also\n\n# Sending Emails via SES\n\n        - Create a IAM user\n        - Give access to AmazonSES full access\n        - Amazon SES: Create an Identity\n        - Verify your Domain name\n        - Verify an Email Address\n        - Install AWS SDK - v3\n        - code examples :- https://github.com/awsdocs/aws-doc-sdk-examples/blob/main/javascriptv3/example_code/ses/src/ses_sendemail.js\n        - Setup SESClient\n        - Access Credentials should be created in IAM \u003e under security credentials Tab\n        - Add the credentials to the .env file\n        - write code for sesClient\n        - write code for sending email address\n        - Make the email dynamic by passing more params to the run functions\n\n\u003c!-- ------------------------------------------ --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawankallem%2Fdevtinder_web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpawankallem%2Fdevtinder_web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawankallem%2Fdevtinder_web/lists"}