{"id":15598777,"url":"https://github.com/ashishkohad27/cointab_frontend","last_synced_at":"2026-04-11T01:39:27.504Z","repository":{"id":88568555,"uuid":"603098496","full_name":"AshishKohad27/coinTab_FrontEnd","owner":"AshishKohad27","description":"Project frontend build with ReactJs  and backend build with NodeJs, express , mongodb","archived":false,"fork":false,"pushed_at":"2023-02-19T12:20:35.000Z","size":427,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T12:56:28.702Z","etag":null,"topics":["css","express","html","javascript","mongodb","nodejs","react","sql"],"latest_commit_sha":null,"homepage":"https://coin-tab-front-end.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/AshishKohad27.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-02-17T16:03:04.000Z","updated_at":"2023-02-19T08:55:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"3c9b2d67-a217-4d0c-9765-ee3b20056e8c","html_url":"https://github.com/AshishKohad27/coinTab_FrontEnd","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshishKohad27%2FcoinTab_FrontEnd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshishKohad27%2FcoinTab_FrontEnd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshishKohad27%2FcoinTab_FrontEnd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshishKohad27%2FcoinTab_FrontEnd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AshishKohad27","download_url":"https://codeload.github.com/AshishKohad27/coinTab_FrontEnd/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246180923,"owners_count":20736460,"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":["css","express","html","javascript","mongodb","nodejs","react","sql"],"created_at":"2024-10-03T01:41:15.646Z","updated_at":"2026-04-11T01:39:21.002Z","avatar_url":"https://github.com/AshishKohad27.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## GitHub Backend Link - https://github.com/AshishKohad27/coinTab_BackEnd\n## Deployed Link\n1.  Backend Link - https://tough-lamb-tutu.cyclic.app/\n2.  Frontend Link - https://coin-tab-front-end.vercel.app/\n\n\u003cbr/\u003e\n# coinTab_FrontEnd\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n## Build with\n\n\u003ctable  align=center\u003e\n  \u003ctr\u003e\n      \u003ctd align=center\u003e \u003cimg src=\"https://www.pngitem.com/pimgs/m/171-1718042_javascript-logo-png-transparent-png.png\"  height=100   width=150 \u003e\u003c/td\u003e\n \u003ctd align=center\u003e \u003cimg src=\"https://logospng.org/download/css-3/logo-css-3-2048.png\"  height=100   width=150 \u003e\u003c/td\u003e\n    \u003ctd align=center\u003e \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/4/49/Redux.png\"  height=100   width=150 \u003e\u003c/td\u003e\n     \u003ctd align=center\u003e \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1280px-React-icon.svg.png\"  height=100  \u003e\u003c/td\u003e\n  \u003c/tr\u003e\u003ctr\u003e\u003ctd align=center\u003e  \u003cimg src=\"https://img.icons8.com/color/48/null/chakra-ui.png\"   width=100  \u003e\u003c/td\u003e\n   \u003ctd align=center\u003e \u003cimg src=\"https://cdn.cdnlogo.com/logos/m/30/mongodb-icon.svg\"  height=100    \u003e\u003c/td\u003e\n  \u003ctd align=center\u003e \u003cimg src=\"https://www.svgrepo.com/show/354202/postman-icon.svg\"  height=100  \u003e\u003c/td\u003e\n  \u003ctd align=center\u003e \u003cimg src=\"https://img.icons8.com/plasticine/100/null/github.png\"  height=100  \u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003chr/\u003e\n\n## Functionalities\n\n- Home Page\n- User Details Page\n\n## Project as\n\n- ### **Frontend**\n- ### **Backend**\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n# 🧑🏻 **Ashish Kohad**\n\n- Github:[@Ashish Kohad](https://github.com/AshishKohad27)\n- Linkedin: [Ashish Kohad](https://www.linkedin.com/in/ashish-kohad27/)\n- Email: (kohadashish27@gmial.com)\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n# ** Tech Stacks used **\n\n\u003cul\u003e\n\u003cli\u003eJavascript\u003c/li\u003e\n\u003cli\u003eHTML\u003c/li\u003e\n\u003cli\u003eCSS\u003c/li\u003e\n\u003cli\u003eReact\u003c/li\u003e\n\u003cli\u003eRedux\u003c/li\u003e\n\u003cli\u003eNextJs\u003c/li\u003e\n\u003cli\u003eExpressJs\u003c/li\u003e\n\u003cli\u003eMongoDB\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e\u003ci\u003eExternal libraries used \u003c/i\u003e\u003c/h3\u003e\n\n\u003cul\u003e\n\u003cli\u003eChakra UI\u003c/li\u003e\n\u003cli\u003eReact Router DOM\u003c/li\u003e\n\u003cli\u003eReact Redux\u003c/li\u003e\n\u003cli\u003eRedux Thunk\u003c/li\u003e\n\u003cli\u003eAxios\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003c/br\u003e\n\n# FontEnd Side\n\n# Home Page\n\n![Alt text](public/Images/HomePage.PNG)\n\u003c/br\u003e\n\n# Delete User Functionality\n\n![Alt text](public/Images/DeleteUsers.PNG)\n\u003c/br\u003e\n\n# User Details Page\n\n![Alt text](public/Images/USERDETAILSPAGE.PNG)\n\u003c/br\u003e\n\n# Filter functionality\n\n![Alt text](public/Images/VariosFilter.PNG)\n\u003c/br\u003e\n\n# Pagination\n\n![Alt text](public/Images/Pagination.PNG)\n\u003c/br\u003e\n\n# Backend Side\n\n## Build REST API's with\n\n- NodeJs\n- ExpressJs\n\n## Data Stored in MongoDB\n\n\u003c/br\u003e\n\n## Steps of starting Backend\n\n1. Run `npm run start` on terminal\n2. You will get `URL` like this `http://localhost:7879` server running on port number `7879`\n\n## Methods\n\n# 1. Get Data\n\n### getUrl :- `http://localhost:7879/data/filter`\n\n## Data can able to filter , sorted, paginated with this methods\n\n- We can use filter, sort, pagination, search together\n\n```javascript\nhttp://localhost:7879/data/filter?gender=\u0026page=1\u0026limit=60\u0026name=f\u0026ageL=80\u0026ageR=70\u0026country=Ireland\u0026sortName=desc\n```\n\n### list of filter\n\n1. Filter by Age\n\n- range ageL : above that limit\n- range ageR : below that limit\n- both should use together\n\n```javascript\ngetUrl?ageR=50\u0026ageL=70;\n```\n\n2. Filter by Country\n\n```javascript\ngetUrl?country=Ireland\n```\n\n3. Filter by Gender\n   gender= male/female/\"\"\n\n```javascript\ngetUrl?gender=male\n```\n\n### Sort\n\n1. Sort Data base on Nama\n\n- Ascending order (asc)\n- Descending order (desc)\n\n```javascript\ngetUrl?sortName=desc\n```\n\n### Pagination\n\n1. page (1 by default)\n2. limit (10 by default)\n\n- Prev Button\n- Next Button\n- Land any Page directly by clicking on particular page Number\n\n```javascript\ngetUrl?page=1\u0026limit=10\n```\n\n### Search Functionality\n\n- Search any user by typing character in query\n\n```javascript\n  getUrl?name=\"as\"\n```\n\n# 2. Add Data\n\n- Adding data done with this api\n\n```\nhttps://randomuser.me/\n```\n\n- Bulk Data added in the data base in the range of 50 to 100 every time data added it give diff. data length in the range of 50 to 100.\n\n# 3. Delete Data\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashishkohad27%2Fcointab_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashishkohad27%2Fcointab_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashishkohad27%2Fcointab_frontend/lists"}