Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vagnernerves/nlw-setup-ignite-012023

I developed the Habits project, where you record the habits and the days of the week you will do them and you can mark the habits you completed on the current day.
https://github.com/vagnernerves/nlw-setup-ignite-012023

axios clsx dayjs expo fastify nativewind node nodejs phosphoricons prisma radix react react-native-reanimated reactjs reactnative reactnavigation tailwindcss typescript vite zod

Last synced: 7 days ago
JSON representation

I developed the Habits project, where you record the habits and the days of the week you will do them and you can mark the habits you completed on the current day.

Awesome Lists containing this project

README

        


<nlw/>SETUP habits

I developed the Habits project, where you record the habits and the days of the week you will do them and you can mark the habits you completed on the current day.

## 🎥 Implementation Video

https://user-images.githubusercontent.com/40831841/213879386-1ebfb4ee-f829-4015-88d9-9f7cc1300c5d.mp4

## 🎨 Layout

Layout developed by [Rocketseat](https://www.rocketseat.com.br/)

[![Layout in Figma](https://github.com/VagnerNerves/default-readme/blob/main/assets/layout-in-figma.svg)]()

## 💡 Technologies used

### Back-end

- [x] Node.js
- [x] [Fastify](https://www.fastify.io/)
- [x] [Prisma](https://www.prisma.io/)
- [x] TypeScript
- [x] [Dayjs](https://day.js.org/)
- [x] [Zod](https://github.com/colinhacks/zod)

### Front-end Web

- [x] [Vite](https://vitejs.dev/)
- [x] React
- [x] TypeScript
- [x] [Tailwind CSS](https://tailwindcss.com/)
- [x] [Dayjs](https://day.js.org/)
- [x] [Phosphor Icons](https://phosphoricons.com/)
- [x] [Radix](https://www.radix-ui.com/)
- [x] [clsx](https://github.com/lukeed/clsx)
- [x] [Axios](https://axios-http.com/ptbr/)

### Mobile

- [x] [Expo](https://expo.dev/)
- [x] React Native
- [x] TypeScript
- [x] [NativeWind (Tailwind CSS)](https://www.nativewind.dev/)
- [x] [Dayjs](https://day.js.org/)
- [x] [React Navigation](https://reactnavigation.org/)
- [x] [clsx](https://github.com/lukeed/clsx)
- [x] [Axios](https://axios-http.com/ptbr/)
- [x] [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/)

## 🚀 Running the project

Clone the project

```bash
git clone https://github.com/VagnerNerves/nlw-setup-ignite-012023.git
```

### Back-end

Enter the project directory

```bash
cd nlw-setup-ignite-012023\server
```

Install with dependencies

```bash
npm i
```

Create ".env" file in the root of the project and add the code below

```bash
DATABASE_URL="file:./dev.db"
```

Start the prisma

```bash
npx prisma generate
```

Start the server

```bash
npm run dev
```

### Front-end Web

Enter the project directory

```bash
cd nlw-setup-ignite-012023\web
```

Install with dependencies

```bash
npm i
```

Start the server

```bash
npm run dev
```

### Mobile

Enter the project directory

```bash
cd nlw-setup-ignite-012023\mobile
```

Install with dependencies

```bash
npm i
```

Start the server

```bash
npx expo start
```

## 📝 Routes

[![Run in Insomnia](https://github.com/VagnerNerves/default-readme/blob/main/assets/run-in-insomnia.svg)](https://insomnia.rest/run/?label=NLW%20Setup%20Habits%20-%20API&uri=https://github.com/VagnerNerves/nlw-setup-ignite-012023/blob/master/server/insomnia/Insomnia-All_2023-01-21.json)

## 🌎 License

This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/nlw-setup-ignite-012023/blob/master/LICENSE) file for more details.