{"id":21289455,"url":"https://github.com/coderanchel/mewatlas","last_synced_at":"2026-04-13T10:32:17.793Z","repository":{"id":258723087,"uuid":"874458474","full_name":"CoderAnchel/MewAtlas","owner":"CoderAnchel","description":"A social network dedicated to sharing cat photos 馃悎 , developed with a full-stack architecture that includes a backend in Java using Spring Boot and a web interface built with React and TypeScript. MewAtlas allows users to register, log in, and post photos of their cats.","archived":false,"fork":false,"pushed_at":"2024-11-01T22:49:05.000Z","size":347,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T16:10:58.405Z","etag":null,"topics":["firebase","java","react","spring-boot","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/CoderAnchel.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":"2024-10-17T21:31:46.000Z","updated_at":"2024-11-01T22:49:09.000Z","dependencies_parsed_at":"2025-03-15T16:20:20.144Z","dependency_job_id":null,"html_url":"https://github.com/CoderAnchel/MewAtlas","commit_stats":null,"previous_names":["coderanchel/mewatlas"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CoderAnchel/MewAtlas","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderAnchel%2FMewAtlas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderAnchel%2FMewAtlas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderAnchel%2FMewAtlas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderAnchel%2FMewAtlas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CoderAnchel","download_url":"https://codeload.github.com/CoderAnchel/MewAtlas/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoderAnchel%2FMewAtlas/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31749043,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["firebase","java","react","spring-boot","typescript"],"created_at":"2024-11-21T12:40:24.248Z","updated_at":"2026-04-13T10:32:17.763Z","avatar_url":"https://github.com/CoderAnchel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MewAtlas 馃惐馃摳\n\u003cimg width=\"1512\" alt=\"Screenshot 2024-10-18 at 00.05.03\" src=\"https://github.com/user-attachments/assets/17854a7b-a1f2-45a6-9407-b5c307abda05\"\u003e\n\n**Welcome to MewAtlas!** \n### English version 馃嚭馃嚫馃嚞馃嚙\nA social network dedicated to sharing cat photos, developed with a full-stack architecture that includes a backend in Java using Spring Boot, firebase and a web interface built with React and TypeScript. MewAtlas allows users to register, log in, and post photos of their cats.\n\nThis project is an exploration into full-stack development using **Spring Boot**, **React**, **MySQL**, and **FireBase**.\n\n## Project Structure\n\nThe project is organized into the following components:\n\n- **Frontend**: Developed with **React** and **TypeScript**, handling user views, photo posting, and profile management.\n- **Backend**: Implemented with **Java 17+** and **Spring Boot**, providing RESTful endpoints for managing users and posts, googleAuth integrated witn firebase.\n- **Database**: Uses **MySQL** to store user and post information, managed via **JDBC** instead of an ORM like Hibernate.\n\n## Features 馃専\n\n- **User Registration and Login**: Users can create an account and access the platform.\n- **Post Creation**: Users can upload photos of their cats with personalized descriptions.\n- **View Posts**: All posts from registered users are visible.\n- **User Profile**: Each user has access to their own profile.\n\n## API Endpoints 馃惥\n\nThe MewAtlas API exposes the following endpoints:\n\n### Usage Examples\n\n- **Get all posts**:\n ```bash\n curl -X GET \"http://localhost:8080/api/cats\"\n ```\n\n- **Create a new post**:\n ```bash\n curl -X POST \"http://localhost:8080/api/cats/post\" + JSON\n ```\n\n- **Get posts from a specific user**:\n ```bash\n curl -X GET \"http://localhost:8080/api/users/pass\"\n ```\n\n## Data Access and ORM\n\nThe backend uses **JDBC** as the main mechanism to interact with the database, handling SQL queries directly to achieve greater control over CRUD operations (Create, Read, Update, Delete).\n\n### Database Schema\n\nThe **MewAtlas** database contains the following tables:\n\n#### Users Table:\n| id | name | email | password | \n|-----|---------|--------------|--------------|\n| 1 | Juan | juan@mail.com | ****** | \n\n#### Posts Table:\n| cat_id | Breed | color | age | image |\n|------------|-------------------|-------------------------------------|-------------------------|------------|\n| 1 | My cat sleeping | https://my-cat-sleeping.com/image | 2024-10-17 | image\n\n## Web Application Usage 馃枼锔廫n\nOnce the application is launched, users can navigate the interface to view the latest cat posts and create their own. Below are some key features:\n\n- **View all posts**: When the app loads, all photos uploaded by users are displayed.\n- **Create a new post**: From the interface, users can upload new photos with descriptions.\n- **View user profile**: Each user can access their profile.\n\n## Example Usage\n\n### Google-Login\n![Captura de pantalla 2024-10-19 a las 18 45 10](https://github.com/user-attachments/assets/870197d0-3225-4a4c-b681-085f638ca20d)\n\n\n### Log-In/Sign-Up\n\u003cimg width=\"1512\" alt=\"Screenshot 2024-10-18 at 00.04.28\" src=\"https://github.com/user-attachments/assets/c0e87d22-d99c-4576-801c-9e97eac63b71\"\u003e\n\n### Log-out\n\u003cimg width=\"401\" alt=\"Screenshot 2024-10-18 at 00.01.27\" src=\"https://github.com/user-attachments/assets/834d1f50-6b6b-467a-bc4a-0bd38db1caf1\"\u003e\n\n### Sign-Up\n\u003cimg width=\"1512\" alt=\"Screenshot 2024-10-18 at 00.03.47\" src=\"https://github.com/user-attachments/assets/314937dd-4e36-47e7-a3e3-8d3308a36224\"\u003e\n\n### Log-In\n\n\u003cimg width=\"1512\" alt=\"Screenshot 2024-10-18 at 00.03.24\" src=\"https://github.com/user-attachments/assets/b8cff58e-edba-4a96-a0d1-6c3ebee5dbb4\"\u003e\n\n### Add Cat\n\n\u003cimg width=\"1511\" alt=\"Screenshot 2024-10-18 at 00.06.09\" src=\"https://github.com/user-attachments/assets/c95eeb03-a555-4b5d-897f-1425c60fdd14\"\u003e\n\n\n# SPANISH VERSION 馃嚜馃嚫\n\n**隆Bienvenidos a MewAtlas!** \nUna red social dedicada a compartir fotos de gatos, desarrollada con una arquitectura full stack que incluye un backend en Java usando Spring Boot, FireBase y una interfaz web en React con TypeScript. CatShare permite a los usuarios registrarse, iniciar sesi贸n, y publicar fotos de sus gatos.\n\nEste proyecto es una incursion en el desarrollo full stack utilizando **Spring Boot**, **React** **MySQL**, y **Firebase**\n\n## Estructura del Proyecto\n\nEl proyecto est谩 organizado en los siguientes componentes:\n\n- **Frontend**: Desarrollado con **React** y **TypeScript**, el cual maneja las vistas de los usuarios, publicaci贸n de fotos y gesti贸n del perfil.\n- **Backend**: Implementado con **Java 17+** y **Spring Boot**, proporcionando endpoints RESTful que permiten la gesti贸n de usuarios y publicaciones, googleAuth imtegrado con firebase.\n- **Base de Datos**: Utiliza **MySQL** para almacenar la informaci贸n de los usuarios y publicaciones, gestionada a trav茅s de **JDBC** en lugar de un ORM como Hibernate.\n\n## Funcionalidades 馃専\n\n- **Registro y Login de Usuarios**: Los usuarios pueden crear una cuenta y acceder a la plataforma.\n- **Creaci贸n de Publicaciones**: Los usuarios pueden subir fotos de sus gatos con descripciones personalizadas.\n- **Ver publicaciones**: Se pueden ver todas las publicaciones realizadas por los usuarios registrados.\n- **Perfil de Usuario**: Cada usuario tiene acceso a su propio perfil.\n\n## Endpoints de la API 馃惥\n\nLa API de CatShare expone los siguientes endpoints:\n\n### Ejemplos de Uso\n\n- **Obtener todas las publicaciones**:\n ```bash\n curl -X GET \"http://localhost:8080/api/cats\"\n ```\n\n- **Crear una nueva publicaci贸n**:\n ```bash\n curl -X POST \"http://localhost:8080/api/cats/post\" + JSON\n ```\n\n- **Obtener publicaciones de un usuario espec铆fico**:\n ```bash\n curl -X GET \"http://localhost:8080/api/users/pass\"\n ```\n\n## Acceso a Datos y ORM\n\nEl backend utiliza **JDBC** como mecanismo principal para interactuar con la base de datos, manejando consultas SQL directamente para lograr un control m谩s detallado sobre las operaciones de CRUD (Crear, Leer, Actualizar y Eliminar).\n\n### Esquema de Base de Datos\n\nLa base de datos de **MewAtlas** cuenta con las siguientes tablas:\n\n#### Tabla de Usuarios:\n| id | nombre | email | password | \n|-----|---------|-------------|---------------|\n| 1 | Juan | juan@mail.com | ****** | \n\n#### Tabla de Publicaciones:\n| cat_id | Breed | color | age | image |\n|------------|-------------------|-------------------------------------|-------------------------|------------|\n| 1 | Mi gato durmiendo | https://mi-gato-durmiendo.com/imagen| 2024-10-17 | image\n\n## Uso de la Aplicaci贸n Web 馃枼锔廫n\nUna vez lanzada la aplicaci贸n, los usuarios pueden navegar por la interfaz para ver las publicaciones m谩s recientes de gatos y realizar sus propias publicaciones. A continuaci贸n algunas funcionalidades clave:\n\n- **Ver todas las publicaciones**: Al cargar la aplicaci贸n, se muestran todas las fotos subidas por los usuarios.\n- **Crear una nueva publicaci贸n**: Desde la interfaz, los usuarios pueden subir nuevas fotos con descripciones.\n- **Ver perfil de usuario**: Cada usuario puede acceder a su perfil.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderanchel%2Fmewatlas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoderanchel%2Fmewatlas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderanchel%2Fmewatlas/lists"}