{"id":24854320,"url":"https://github.com/shikhu51197/tbw","last_synced_at":"2026-04-06T02:32:55.822Z","repository":{"id":214514923,"uuid":"736267357","full_name":"shikhu51197/TBW","owner":"shikhu51197","description":"This project demonstrates a simple authentication system using JWT tokens with a Node.js backend and a React.js frontend.","archived":false,"fork":false,"pushed_at":"2023-12-28T20:00:23.000Z","size":14366,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T14:25:31.757Z","etag":null,"topics":["chakraui","expressjs","html-css-javascript","mongodb","nodejs","reactjs","redux"],"latest_commit_sha":null,"homepage":"https://tbw-85m5.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/shikhu51197.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":"2023-12-27T12:42:41.000Z","updated_at":"2023-12-28T19:57:19.000Z","dependencies_parsed_at":"2025-01-31T15:47:24.334Z","dependency_job_id":null,"html_url":"https://github.com/shikhu51197/TBW","commit_stats":null,"previous_names":["shikhu51197/tbw"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shikhu51197/TBW","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shikhu51197%2FTBW","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shikhu51197%2FTBW/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shikhu51197%2FTBW/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shikhu51197%2FTBW/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shikhu51197","download_url":"https://codeload.github.com/shikhu51197/TBW/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shikhu51197%2FTBW/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31457662,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["chakraui","expressjs","html-css-javascript","mongodb","nodejs","reactjs","redux"],"created_at":"2025-01-31T15:36:32.639Z","updated_at":"2026-04-06T02:32:55.795Z","avatar_url":"https://github.com/shikhu51197.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TBW\n\u003e 💻 PROJECT NAME ✨ =\u003e 💻  React + Node.js Authentication App\n\n\u003e \n\u003cbr\u003e\n\n[![Backend Deploy to Vercel](https://img.shields.io/badge/Backend_Deployed_Vercel_Link-0A66C2?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://tbw.vercel.app/)\n[![Deployed App Vercel Link](https://img.shields.io/badge/Deployed_App_Vercel_Link-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://tbw-85m5.vercel.app/)\n\n\n\n## 🔗 Profile Links✨\n\n\n\n\n| Resume | Github                                                                                                                                   | Linkedin                                                                                                                                                            | Portfolio                                                                                                                                    | Blogger                                                                                                                                                           | Medium                                                                                                                                    |\n| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |\n| [![Resume](https://img.shields.io/badge/my_Resume-E75480?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://drive.google.com/file/d/1YE62u2ChjmlR-EKeqZ75UvFMg_KcY86T/view?usp=sharing) | [![github](https://img.shields.io/badge/github-1DA1F2?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/shikhu51197/)| [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/shikha-gupta-12a2b5199) |[![portfolio](https://img.shields.io/badge/my_portfolio-18A303?style=for-the-badge\u0026logo=ionic\u0026logoColor=white)](https://shikhu51197.github.io/) |[![Blogger](https://img.shields.io/badge/Blogger-FE5A1D?style=for-the-badge\u0026logo=Blogger\u0026logoColor=white)](https://wwwartificial-intelligence.blogspot.com/) |[![Medium](https://img.shields.io/badge/Medium-000?style=for-the-badge\u0026logo=Medium\u0026logoColor=white)](https://medium.com/@sg780060) |  \n\n\n## 💫Tech-Stack-\u003e\n\n- #### For Frontend:-\n   - `HTML5`\n  - `CSS3`\n  - `JavaScript `\n  - `ReactJS`\n  - `Redux`\n    - #### For Backend:-\n   - `NodeJS`\n   - `ExpressJS`\n    - `MongoDB `\n- #### For deploy database:- \n    \n     - `Vercel`\n   \n- #### For Styling:-  \n   - `Chakra UI `\n  \n- #### For live Project: -\n   - `Vercel`\n   \n\n## ⭕Steps to run our project:\n\n✨Clone the repository.\n\n✨Run the command `npm install` in both the frontend and backend folders.\n\n✨Run the command `npm run server` in the backend folder.\n\n✨Run the command `npm start` in the frontend folder on localhost:3000.\n\n---\n\n## Features ✨:-\n---\n | Serial No            | Feature                                                              |\n| ----------------- | ------------------------\n| 1 | User Signup and login, navbar , footer|\n| 2 | Home Page Design, responsive design |\n\n\n\n---\n# Package.json(Dependency)✨:-\n\n | Serial No            | Backend                      |  Frontend      |\n| ----------------- | ---------------------|------------------------ |\n| 1 | nodemon | Chakra-ui |\n| 2 | mongoose | React Router dom |\n| 3 | cors | redux , react-icons |\n| 4 | dotenv | react-redux , react-thunk |\n| 5 | express | react-hot-toast |\n\n\n\n⭕Steps to use our project:\n\n\nThis project demonstrates a simple authentication system using JWT tokens with a Node.js backend and a React.js frontend.\n\n\n---✨Getting Started:\n✨Initializing the Application: To start using the application, go to the frontend terminal and run the command npm start. This will launch the application locally, allowing access through your web browser at port 3000.\n\n✨Home Page: When the application is launched, users will see the home page, which provides essential options for interaction such as signup and login.\n\n---✨User Journey:\n\n💫Signup: Upon launching the application, users are greeted with the home page, offering essential options for interaction like signup and login.\n\n💫Login: Users are given the choice to log in. This initial step ensures a personalized experience within the application.\n\n\n---\n\n\n\n## Getting Started\n\n### Prerequisites\n\n    - Node.js and npm installed\n    - MongoDB installed (for local development)\n\n### Installation\n\n1. **Clone the repository:**\n\n       git clone https://github.com/yourusername/react-node-auth.git\n       cd react-node-auth\n   \nInstall dependencies for both backend and frontend:\n\n\n    cd backend\n    npm install\n    cd ../frontend\n    npm install\n    \nRun the development servers:\n\n     Backend:\n    cd backend\n    npm run dev\n\n    Frontend:\n      cd frontend\n      npm start\n      \n    Open your browser and visit http://localhost:3000 to see the app in action.\n\nForm Validation\n\n      Explain the rules and requirements for form validation in your application.\n\nError Messages\n\n    Provide a list of possible form validation errors and their corresponding error messages.\n\nInvalid Email Format:\n\n     Message: \"Please enter a valid email address.\"\n     \nInvalid Password:\n\n     Message: \"Password must be at least 8 characters long and include at least one lowercase letter, one uppercase letter, and one digit.\"\nInvalid Phone Format:\n\n    Message: \"Please enter a valid 10-digit phone number.\"\nUser Already Exists:\n\n    Message: \"An account with this email address already exists. Please use a different email.\"\nServer Error:\n\n    Message: \"Something went wrong on our end. Please try again later.\"\n\n\nBackend (Node.js)\n\n        The backend is a Node.js server using Express, MongoDB for data storage, bcrypt for password hashing, and JSON Web Tokens (JWT) for authentication.\n\nEndpoints:\n\n       /signup: User signup with validation.\n      /login: User login with JWT token generation.\nFrontend (React.js)\n\n    The frontend is a React.js application with simple components for signup and login.\n\nComponents:\n\n           Signup.js: User signup form.\n         Login.js: User login form.\n         \nHosting on Vercel\n\n     Build the React app:\n     cd frontend\n    npm run build\n    Install Vercel CLI:\n    npm install -g vercel\n    \nDeploy to Vercel:\n\n     cd frontend\n    vercel\n    \nFollow the prompts to deploy your application.\n\n\nContributing\n\n     💻 Contributions are welcome! Please follow the standard guidelines for contributing.\n\n## Flow\n\n```mermaid\ngraph TD;\n App--\u003eHomePage\nHomePage--\u003eSignupPage\nSignupPage--\u003e LoginPage\n\n```\n\n---\n\n\n\n\u003ch1 align=\"center\"\u003e✨Thank You✨\u003c/h1\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshikhu51197%2Ftbw","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshikhu51197%2Ftbw","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshikhu51197%2Ftbw/lists"}