{"id":18861181,"url":"https://github.com/chen-abudi/react-around-api-full","last_synced_at":"2026-02-22T19:05:25.706Z","repository":{"id":63317167,"uuid":"547288120","full_name":"Chen-Abudi/react-around-api-full","owner":"Chen-Abudi","description":"Responsive Full-Stack web app that showcases a photo collection of a user’s travel aka Around U.S","archived":false,"fork":false,"pushed_at":"2026-02-12T20:10:23.000Z","size":7113,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-13T03:53:09.134Z","etag":null,"topics":["css3","expressjs","jsonwebtoken","mern-stack","mongodb","nodejs","postman","reactjs","restful-api","vercel","vercel-deployment","vercel-serverless","vercel-serverless-functions"],"latest_commit_sha":null,"homepage":"https://react-around-api-full-client.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/Chen-Abudi.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-10-07T12:43:23.000Z","updated_at":"2026-02-12T20:10:22.000Z","dependencies_parsed_at":"2024-04-02T10:00:32.889Z","dependency_job_id":"0c0c5427-2fd7-4c6d-8ff5-22e64f0493dd","html_url":"https://github.com/Chen-Abudi/react-around-api-full","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Chen-Abudi/react-around-api-full","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chen-Abudi%2Freact-around-api-full","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chen-Abudi%2Freact-around-api-full/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chen-Abudi%2Freact-around-api-full/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chen-Abudi%2Freact-around-api-full/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chen-Abudi","download_url":"https://codeload.github.com/Chen-Abudi/react-around-api-full/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chen-Abudi%2Freact-around-api-full/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29723574,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T15:10:41.462Z","status":"ssl_error","status_checked_at":"2026-02-22T15:10:04.636Z","response_time":110,"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":["css3","expressjs","jsonwebtoken","mern-stack","mongodb","nodejs","postman","reactjs","restful-api","vercel","vercel-deployment","vercel-serverless","vercel-serverless-functions"],"created_at":"2024-11-08T04:28:30.210Z","updated_at":"2026-02-22T19:05:25.696Z","avatar_url":"https://github.com/Chen-Abudi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project 15: Around U.S Full-Stack Social Travel App 🌎\r\n\r\n## **Developed By Grace Chen Abudi** 👩🏽‍💻\r\n\r\nThis repository contains the full API of \"Around the U.S.\" project that features user authorization and user registration and handles cards and users.\r\n\r\nThis app was integrated between Backend \u0026 Frontend repositories, then deployed to _Vercel_.\r\n\r\n# 📣 Overview:\r\n\r\n- Intro\r\n- Tech Stack \u0026 Techniques\r\n- Free Images Source\r\n- Possible Improvements\r\n- Live Project\r\n- All Project Features\r\n\r\n## 🔎 Intro\r\n\r\nThis is a Full-stack interactive app with responsive design which enables travelers to share their travel photos by creating account.\r\n\r\n## 🧰 🛠️ Tech Stack \u0026 Techniques:\r\n\r\n- ReactJS\r\n- Express.js\r\n- Node.js\r\n- MongoDB + MongoDB-Atlas\r\n- **_`Vercel` Deployment_**\r\n- CI/CD\r\n- `Vercel Serverless technology`\r\n- JWT server Auth\r\n- localStorage\r\n- REST API with CRUD Implementation\r\n- CSS3\r\n- Git/GitHub\r\n\r\n---\r\n\r\n| NPM Packages (Backend)               |                                                                                                                                                                                                         Aspects of Use |\r\n| :----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\r\n| bcryptjs                             |                                                                                                                                                                                                    Password Encryption |\r\n| body-parser                          |                                                                                                                              Returns middlewares that handle incoming requests before they reach a target controller . |\r\n| celebrate                            |                                                                                                                                            It's an express middleware function that wraps the joi validation library . |\r\n| cors (Cross-Origin Resource Sharing) | It is a mechanism to allow or restrict requested resources on a web server depend on where the HTTP request was initiated. This policy is used to secure a certain web server from access by other website or domain . |\r\n| dotenv                               |                                                                                                                             automatically loads environment variables from a . env file into the process. env object . |\r\n| express-winston                      |                                                                                                                                    Provides middlewares for request and error logging of your express.js application . |\r\n| winston                              |                                                                                                                                                       Universal logging library with support for multiple transports . |\r\n| validator                            |                                                                                                                                                                        A library of string validators and sanitizers . |\r\n| jsonwebtoken                         |                                                                                                                                   An open standard for securely transferring data within parties using a JSON object . |\r\n| express-rate-limit                   |                                                                                                                                Use to limit repeated requests to public APIs and/or endpoints such as password reset . |\r\n| helmet                               |                                                                                                                                                   Helps you secure your Express apps by setting various HTTP headers . |\r\n\r\n\u003c!-- - NGINX - An open source software for web serving, reverse proxying, caching, load balancing, media streaming, and more. --\u003e\r\n\r\n## 📍 API Endpoints :\r\n\r\n| RESTful API Endpoints | HTTP Methods |          Usage Purpose           |\r\n| :-------------------- | -----------: | :------------------------------: |\r\n| /signup               |         POST |        User Registration         |\r\n| /signin               |         POST |            User Login            |\r\n| /users                |          GET |   GETting data from all users    |\r\n| /users/:\\_id          |          GET |    GETting user by their id.     |\r\n| /users                |         POST | Creating a specific user profile |\r\n| /users/me             |        PATCH |        Updating user data        |\r\n| /users/me/avatar      |        PATCH |    Updating user avatar data     |\r\n| /cards                |          GET |   GETting data from all cards    |\r\n| /cards                |         POST |       Creating a new card        |\r\n| /cards/:\\_id          |       DELETE |      DELETE card by its id       |\r\n| /cards/:\\_id/likes    |          PUT |          Liking a card           |\r\n| /cards/:\\_id/likes    |       DELETE |         Disliking a card         |\r\n\r\n## 📷 Free Images Source\r\n\r\n- _For incredible images, Feel `Free` to_ [\u0026#128073;\u0026#127997; **Click Here !**](https://unsplash.com/)\r\n\r\n## 🔧 Possible Improvements\r\n\r\n- [ ] Create a Forgot Password option in case the users forget theirs.\r\n- [ ] Resets Password\r\n\r\n# ✨ Live Project\r\n\r\n- `Visit the App` [\u0026#128073;\u0026#127997; **HERE !**](https://react-around-api-full-client.vercel.app/)\r\n\r\n- [Remote Server API Deployment](https://react-around-api-full-five.vercel.app)\r\n\r\n**Enjoy ! 🌺**\r\n\r\n---\r\n\r\n# 📸 All Project Features\r\n\r\n- **In first visitation, the users requires to sign up to create an account.**\r\n\r\n  - **_If the users has registered already, they can simply log in._**\r\n    ![](./frontend/src/images/signup.png)\r\n    ![](./frontend/src/images/login.png)\r\n\r\n- **Once the users logged in, there's no need to log back in again for 7 days at least, as this is the expiration duration of JWT token.**\r\n\r\n  - **They will be navigated to the **Homepage** with several features to use.**\r\n    ![](./frontend/src/images/homepage.png)\r\n\r\n    - **_Edit their profile name, about, and their avatar image._**\r\n      ![](./frontend/src/images/edit-profile.png)\r\n      ![](./frontend/src/images/update-user-avatar.png)\r\n\r\n    - **_Adding their own cards to the collection._**\r\n      ![](./frontend/src/images/add-card.png)\r\n\r\n    - **_Seeing others cards._**\r\n\r\n    - **_Capability to like or dislike own and others cards as well._**\r\n\r\n      ![](./frontend/src/images/like-dislike.jpg)\r\n\r\n    - **_The users can remove only their own cards and not someone elses._**\r\n      ![](./frontend/src/images/remove.jpg)\r\n\r\n    - **_Click on the image to view it in its full size._**\r\n      ![](./frontend//src//images/zoom-in.png)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchen-abudi%2Freact-around-api-full","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchen-abudi%2Freact-around-api-full","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchen-abudi%2Freact-around-api-full/lists"}