https://github.com/1git2clone/reactix
A monorepo example written with React + Tailwind + TS on the front-end and Actix.rs on the back-end.
https://github.com/1git2clone/reactix
actix actix-web client-server https-client https-server monorepo openssl react rust tailwindcss typescript typescript-react vite
Last synced: 7 months ago
JSON representation
A monorepo example written with React + Tailwind + TS on the front-end and Actix.rs on the back-end.
- Host: GitHub
- URL: https://github.com/1git2clone/reactix
- Owner: 1Git2Clone
- License: mit
- Created: 2024-06-07T23:11:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-11T22:42:16.000Z (over 1 year ago)
- Last Synced: 2025-01-24T02:33:06.948Z (9 months ago)
- Topics: actix, actix-web, client-server, https-client, https-server, monorepo, openssl, react, rust, tailwindcss, typescript, typescript-react, vite
- Language: Rust
- Homepage:
- Size: 615 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Reactix
[![GH_Build_Backend Icon]][GH_Build Status] [![GH_Build_Frontend Icon]][GH_Build Status] [![License Icon]][LICENSE]
[GH_Build_Backend Icon]: https://img.shields.io/github/actions/workflow/status/1git2clone/reactix/rust-ci.yml?branch=main
[GH_Build_Frontend Icon]: https://img.shields.io/github/actions/workflow/status/1git2clone/reactix/frontend.yml?branch=main
[GH_Build Status]: https://github.com/1git2clone/reactix/actions?query=branch%3Amaster
[License Icon]: https://img.shields.io/badge/license-MIT-blue.svg
[LICENSE]: LICENSE
**Back-end**
**Front-end**
A monorepo consisting of a front-end (written in [React](https://react.dev/)
with [Tailwind CSS](https://tailwindcss.com/),
[TypeScript](https://www.typescriptlang.org/) and using
[Vite](https://vitejs.dev/)) and a back-end (written with
[Rust](https://www.rust-lang.org/) via the [Actix](https://actix.rs/)
framework).
## Purpose
This repository was meant to be kind of like a template for creating a
full-stack web application. I chose Actix because i wanted to give Rust
back-end programming another try (I didn't get very far with
[rocket.rs](https://rocket.rs/)) and React for the front-end because it's
widely used and it has native integration with a lot of the web development
tooling.
## Quick set up
### Back-end
- Go to [backend](backend/).
- Make a `.env` file.
- Write the following in it
```env
SSL_PASSWORD=your-password-here
```
- Run the back-end.
```sh
cargo run --release
```
### Front-end
- Go to [frontend](frontend/)
- Install dependencies
```sh
npm install
```
- Run the front-end
```sh
npm run watch # or npm run build && npm run preview
```
Now your content is displayed on: (IPv4 localhost on
port `42210`).
## Module explanations
You can find details about the particular modules in their corresponding
`README.md` files.
- [back-end](backend/)
- [front-end](frontend/)