{"id":24488053,"url":"https://github.com/emersonramos3lt/register-form-nodejs","last_synced_at":"2026-04-06T09:32:32.645Z","repository":{"id":273410393,"uuid":"919619772","full_name":"emersonramos3lt/register-form-nodejs","owner":"emersonramos3lt","description":"A registration form built with React and node.js and integrated with the MongoDB database.","archived":false,"fork":false,"pushed_at":"2025-01-20T18:40:04.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-29T15:11:33.668Z","etag":null,"topics":["backend","css","css-flexbox","frontend","html","html-css","javascript","nodejs","react","reactjs","responsive"],"latest_commit_sha":null,"homepage":"https://register-form-nodejs.vercel.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/emersonramos3lt.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-01-20T18:16:02.000Z","updated_at":"2025-01-20T18:40:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"1ce6de89-0864-4107-9dca-33653291235f","html_url":"https://github.com/emersonramos3lt/register-form-nodejs","commit_stats":null,"previous_names":["emersonramos3lt/register-form-nodejs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/emersonramos3lt/register-form-nodejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emersonramos3lt%2Fregister-form-nodejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emersonramos3lt%2Fregister-form-nodejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emersonramos3lt%2Fregister-form-nodejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emersonramos3lt%2Fregister-form-nodejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emersonramos3lt","download_url":"https://codeload.github.com/emersonramos3lt/register-form-nodejs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emersonramos3lt%2Fregister-form-nodejs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31466614,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T08:36:52.050Z","status":"ssl_error","status_checked_at":"2026-04-06T08:36:51.267Z","response_time":112,"last_error":"SSL_read: 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":["backend","css","css-flexbox","frontend","html","html-css","javascript","nodejs","react","reactjs","responsive"],"created_at":"2025-01-21T16:18:10.781Z","updated_at":"2026-04-06T09:32:32.638Z","avatar_url":"https://github.com/emersonramos3lt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **📋 User Registration Form with Backend Integration**\n\nThis project features a **user registration form** that integrates **React** on the frontend with a **Node.js backend**, storing user data in a **MongoDB** database. The frontend fetches and displays a list of existing users stored in the database, and allows for new user registrations. When a new user enters their name, age, and email in the input fields, the form dynamically updates the list of users, showcasing real-time data interaction.\n\nI utilized **React hooks** such as **useState, useEffect, and useRef** to manage state, fetch data from the backend, and handle form inputs efficiently. The project demonstrates seamless integration between frontend and backend technologies, ensuring a smooth user experience with dynamic updates and a **responsive design**.\n\n# **🛠️ Main Features**\n- **React for building the user interface**\n- **Node.js for backend integration**\n- **MongoDB for user data storage**\n- **useState for managing form state**\n- **useEffect for data fetching**\n- **useRef for input handling**\n- **Real-time updates on the user list with new entries**\n\n# **🔧 How to Start the Server**\n\nTo get the server up and running and display the list of users, navigate to the folder where your server.js file is located. Then, in the Visual Studio Code terminal, run the following command:\n```bash\nnode server.js\n```\n\nAlternatively, if you'd like the server to update automatically whenever you make changes to the code without having to restart it manually, use the following command:\n```bash\nnode --watch server.js\n```\nThis will ensure that the server is restarted and updated in real-time as you make changes to your code.\n\n📷 Screenshot\n\n![Screenshot](./screenshot/img1.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femersonramos3lt%2Fregister-form-nodejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femersonramos3lt%2Fregister-form-nodejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femersonramos3lt%2Fregister-form-nodejs/lists"}