Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rk28284/autonomize

A full-stack web application to manage GitHub user data, including features such as saving user information, finding mutual friends, searching, updating, and listing users.
https://github.com/rk28284/autonomize

express mongoose node react react-router

Last synced: 13 days ago
JSON representation

A full-stack web application to manage GitHub user data, including features such as saving user information, finding mutual friends, searching, updating, and listing users.

Awesome Lists containing this project

README

        

GitHub User Management App



A full-stack web application to manage GitHub user data, including features such as saving user information, finding mutual friends, searching, updating, and listing users.

Technologies Used




  • Backend: Node.js, Express.js, Mongoose, CORS


  • Frontend: React.js, JavaScript, CSS, HTML


  • Database: MongoDB

Features



  • Save GitHub user data to the database

  • Find mutual followers of a user

  • Search users by username

  • Soft delete a user

  • Update user fields

  • List all users sorted by fields

Backend API Endpoints





Method
Endpoint
Description




POST
/save
Save user data from GitHub API


POST
/friends/:username
Find mutual followers of a user


GET
/search
Search users by username


DELETE
/:username
Soft delete a user


PATCH
/:username
Update user fields


GET
/list
List all users sorted by fields


Frontend Features



  • Interactive user interface built with React

  • Search and display GitHub users

  • Form validation for adding and updating user data

  • Responsive design for various screen sizes

Installation


Backend Setup



  1. Clone the backend repository:
    git clone https://github.com/rk28284/Autonomize-Assignment.com


  2. Navigate to the backend directory:
    cd server


  3. Install dependencies:
    npm install


  4. a
  5. Start the backend server:
    npm start


Frontend Setup



  1. Clone the frontend repository:
    git clone https://github.com/rk28284/Autonomize-Assignment


  2. Navigate to the frontend directory:
    cd client


  3. Install dependencies:
    npm install


  4. Start the development server:
    npm start


  5. Open the app in your browser at http://localhost:3000.

Frontend Screenshot


Below is a screenshot of the application's user interface:



![Screenshot 2025-01-13 073220](https://github.com/user-attachments/assets/ed581c7b-1c01-4d16-ba1e-2cfaccf99f8b)

![Screenshot 2025-01-13 073644](https://github.com/user-attachments/assets/04cad647-f148-4e31-aecd-7ac934153333)

![Screenshot 2025-01-13 073734](https://github.com/user-attachments/assets/fe8876c0-7202-4092-824b-141d796ec2d7)
![Screenshot 2025-01-13 073811](https://github.com/user-attachments/assets/80caf9c3-1183-4a86-b0f6-c5f3e4403568)
![Screenshot 2025-01-13 073845](https://github.com/user-attachments/assets/28724628-d8b6-45f0-b57a-ef0d8d9a6305)

Usage



Test the API endpoints using a tool like Postman, or interact with the app through the React frontend.

Contributing



Contributions are welcome! Please fork the repository, make changes, and submit a pull request.