https://github.com/mochrks/fullstack-xmart
The creation of the X-mart web development mini-project utilizes technologies such as ReactJS, Java Spring Boot, and Node.js (ExpressJS + GraphQL). This project also leverages Redis for caching and integrates two types of databases: NoSQL MongoDB and SQL PostgreSQL.
https://github.com/mochrks/fullstack-xmart
expressjs mongodb postgresql reactjs redis spring-boot
Last synced: 3 months ago
JSON representation
The creation of the X-mart web development mini-project utilizes technologies such as ReactJS, Java Spring Boot, and Node.js (ExpressJS + GraphQL). This project also leverages Redis for caching and integrates two types of databases: NoSQL MongoDB and SQL PostgreSQL.
- Host: GitHub
- URL: https://github.com/mochrks/fullstack-xmart
- Owner: Mochrks
- Created: 2024-05-21T06:16:17.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-26T18:13:31.000Z (over 1 year ago)
- Last Synced: 2026-03-28T00:11:55.246Z (3 months ago)
- Topics: expressjs, mongodb, postgresql, reactjs, redis, spring-boot
- Language: TypeScript
- Homepage: https://medium.com/@mochrks/fullstack-web-development-dengan-reactjs-java-spring-boot-node-js-expressjs-graphql-66f4d881e32f
- Size: 11.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Fullstack X-Mart
## Overview
The **X-mart** web development mini-project utilizes a combination of technologies including **ReactJS**, **Java Spring Boot**, and **Node.js** (ExpressJS + GraphQL). This project also leverages **Redis** for caching and integrates two types of databases: **NoSQL MongoDB** and **SQL PostgreSQL**. Additionally, it incorporates **emoji-mart** for emoji support.
## Features
- User-friendly interface with **ReactJS**
- RESTful API and GraphQL support via **Node.js**
- Caching capabilities using **Redis**
- Data storage with **MongoDB** and **PostgreSQL**
- Emoji support for enhanced user experience
## Tech Stack
- **ReactJS 17.0.2** for front-end development
- **Java Spring Boot** for back-end services
- **Node.js** with **ExpressJS** and **GraphQL** for API development
- **MongoDB** as a NoSQL database
- **PostgreSQL** as a SQL database
- **Redis** for caching
- **emoji-mart** for emoji support
## Setup & Installation
---
### Fullstack X-Mart Node.js
1. **Clone the repository**
```bash
git clone https://github.com/mochrks/fullstack-xmart.git
cd fullstack-xmart/fullstack-xmart-nodejs
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the Node.js server**
```bash
npm start
```
### Fullstack X-Mart React
1. **Navigate to React folder**
```bash
cd ../fullstack-xmart-reacts
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the React development server**
```bash
npm start
```
### Fullstack X-Mart Spring Boot
1. **Navigate to Spring Boot folder**
```bash
cd ../fullstack-xmart-springboot
```
2. **Run the Spring Boot application**
```bash
mvn spring-boot:run
```
## Connect with me:
[](https://github.com/mochrks)
[](https://youtube.com/@Gdvisuel)
[](https://instagram.com/mochrks)
[](https://linkedin.com/in/mochrks)
[](https://behance.net/mochrks)
[](https://dribbble.com/mochrks)