Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/Thiago-Mota-Santos/fullstack-relay

CRUD made with relay, graphql, koa, next, tailwind. Project that simulates a scheduling control panel for a graphic. Where can you manage appointments
https://github.com/Thiago-Mota-Santos/fullstack-relay

Last synced: 3 months ago
JSON representation

CRUD made with relay, graphql, koa, next, tailwind. Project that simulates a scheduling control panel for a graphic. Where can you manage appointments

Host: GitHub
URL: https://github.com/Thiago-Mota-Santos/fullstack-relay
Owner: Thiago-Mota-Santos
Created: 2023-05-09T19:46:20.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-10-18T15:19:12.000Z (about 1 year ago)
Last Synced: 2024-06-30T15:47:26.219Z (5 months ago)
Language: TypeScript
Homepage: https://fullstack-relay.vercel.app
Size: 4.22 MB
Stars: 7
Watchers: 1
Forks: 0
Open Issues: 10
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## Fullstack relay

- CRUD made with relay, graphql, koa, next, tailwind

Project that simulates a scheduling control panel for a graphic. Where can you manage appointments

## Resources
- [x] Create Appointment
- [x] Edit Appointment
- [x] Delete Appointment
- [x] Search by Graphic
- [x] Authentication
- [x] Authorization - Protect routes
- [x] Register User
- [x] Login

### Screens:

- Dashboard:
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/1e56185d-9914-426e-a516-cd13179af19a)

- Appointment List:
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/e80ef6c1-fbed-483a-8932-2d5585b772d6)

## Application

- SignIn
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/2da2b467-07e1-49a0-b55c-1b8e22a1d0ba)
- SignOut
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/8e82ce5a-d64f-4e45-a88d-34ca0c89c84c)
- Appointment screens:
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/d8c4dd53-59a0-4be5-b2cb-8e6666effad8)
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/a8b057dc-adcc-45c7-b878-87ee842024a2)
![image](https://github.com/Thiago-Mota-Santos/fullstack-relay/assets/75326612/ce591ba9-dc81-4e34-8498-8caf3db932a1)

### How to use

- Node.js
```sh
https://nodejs.org/en/download/
```
- yarn
```sh
npm install yarn -g
```
- MongoDB
```sh
https://www.mongodb.com/docs/manual/installation/
```

### Installation

Clone the repo

```sh
git clone https://github.com/Thiago-Mota-Santos/fullstack-relay.git
```
1.Install packages
```sh
yarn install
```
2.Fill .env.example in apps/server and apps/web
(In root folder)
```sh
yarn copy-envs
```

4.Start Aplication
(In root folder)
```sh
yarn dev
```

## Stacks

Front:
- NextJS (turborepo)
- TailwindCSS
- Relay
- React Hook Form
- Zod

Back:
- NodeJS
- Graphql
- Relay
- Moongose
- Jest

Feel free to contribute to the project!

## Social medias

(back to top)