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

https://github.com/mochrks/fullstack-go-hexagon

This repository demonstrates a fullstack application using Go with the Gin framework on the backend and a modular Hexagonal Architecture (also known as Ports and Adapters). The frontend is developed using modern web technologies to ensure seamless integration and a great user experience.
https://github.com/mochrks/fullstack-go-hexagon

gin-gonic go mongodb postgresql reactjs tailwindcss typescript vite

Last synced: 5 days ago
JSON representation

This repository demonstrates a fullstack application using Go with the Gin framework on the backend and a modular Hexagonal Architecture (also known as Ports and Adapters). The frontend is developed using modern web technologies to ensure seamless integration and a great user experience.

Awesome Lists containing this project

README

          

Fullstack CRUD API Products


Tech Stack Icons

## Project Overview

The **Fullstack CRUD API Products** application is built using the following technologies:

### Tech Stack:
- **GO(Gin)** with **GORM for ORM**
- **React** with **Vite**, **TypeScript**, **Tailwind CSS**, **Radix UI**, and **Framer Motion**

### Folder Structure:
```bash
fullstack-go-hexagon/

├── go-hexagon/ # Go(gin) backend project


└── react-project/ # React frontend project

```
## GO(gin) projects
---------------

Express Version
License

### Setup & Installation

- **Clone the repository**
```bash
https://github.com/Mochrks/fullstack-go-hexagon.git
cd fullstack-go-hexagon/go-hexagon
```

- **Install dependencies**
```bash
go mod tidy
```

- **Run the application**
```bash
go run cmd/main.go
```

- **API Endpoints**
The Go Gin project provides several API endpoints for managing products.

---

---
## React Project
----------------

Vite Version
React Version

### Setup & Installation

- **Navigate to the project directory**
```bash
cd fullstack-go-hexagon/react-project
```

- **Install dependencies**
```bash
npm install
```

- **Run the application**
```bash
npm run dev
```

- **Frontend UI**
The React project uses **Tailwind CSS** for styling, **Radix UI** for components, and **Framer Motion** for animations. It connects to the backend APIs to display and manage food transactions.

---

## Connect with me:
[![GitHub](https://img.shields.io/badge/GitHub-333?style=for-the-badge&logo=github&logoColor=white)](https://github.com/mochrks)
[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://youtube.com/@Gdvisuel)
[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://instagram.com/mochrks)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/mochrks)
[![Behance](https://img.shields.io/badge/Behance-1769FF?style=for-the-badge&logo=behance&logoColor=white)](https://behance.net/mochrks)
[![Dribbble](https://img.shields.io/badge/Dribbble-EA4C89?style=for-the-badge&logo=dribbble&logoColor=white)](https://dribbble.com/mochrks)