Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vagnernerves/nlw-pocket-092024
I developed the in.orbit project, an application where users can register activities and define how many times per week these activities should be performed. The application allows users to mark tasks as completed, providing a complete history of completed activities and a percentage calculation of weekly progress.
https://github.com/vagnernerves/nlw-pocket-092024
drizzle-orm expo expo-router fastify nodejs react react-native tailwindcss tanstack-query typescript vite
Last synced: 2 months ago
JSON representation
I developed the in.orbit project, an application where users can register activities and define how many times per week these activities should be performed. The application allows users to mark tasks as completed, providing a complete history of completed activities and a percentage calculation of weekly progress.
- Host: GitHub
- URL: https://github.com/vagnernerves/nlw-pocket-092024
- Owner: VagnerNerves
- License: mit
- Created: 2024-09-10T14:05:37.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-13T15:46:04.000Z (3 months ago)
- Last Synced: 2024-10-12T22:02:41.461Z (2 months ago)
- Topics: drizzle-orm, expo, expo-router, fastify, nodejs, react, react-native, tailwindcss, tanstack-query, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 596 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Project NLW Pocket - in.orbit
I developed the in.orbit project, an application where users can register activities and define how many times per week these activities should be performed. The application allows users to mark tasks as completed, providing a complete history of completed activities and a percentage calculation of weekly progress. The system is designed to assist with personal organization and tracking activity frequency, offering a clear view of goal achievement for the week.
## 🧭 Table of contents
- [🧭 Table of contents](#-table-of-contents)
- [🎥 Implementation Video](#-implementation-video)
- [🎨 Layout](#-layout)
- [💡 Technologies Used](#-technologies-used)
- [Back-end](#back-end)
- [Front-end Web](#front-end-web)
- [Mobile](#mobile)
- [🚀 Running the Project](#-running-the-project)
- [Back-end](#back-end-1)
- [Front-end Web](#front-end-web-1)
- [Mobile](#mobile-1)
- [📝 Routes](#-routes)
- [🌎 License](#-license)
- [✒ Author](#-author)## 🎥 Implementation Video
https://github.com/user-attachments/assets/519ed9ae-1eb6-4cb0-9da3-8ea3942faba1
## 🎨 Layout
[![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] [DrizzleORM](https://orm.drizzle.team/)
- [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] [Lucide Icons](https://lucide.dev/)
- [x] [Radix](https://www.radix-ui.com/)
- [x] [TanStack Query](https://tanstack.com/query/latest)### Mobile
- [x] [Expo](https://expo.dev/)
- [x] React Native
- [x] TypeScript
- [x] [Dayjs](https://day.js.org/)
- [x] [Expo Router](https://docs.expo.dev/router/introduction/)
- [x] [TanStack Query](https://tanstack.com/query/latest)## 🚀 Running the Project
### Back-end
Clone the project
```bash
git clone https://github.com/VagnerNerves/nlw-pocket-092024.git
```Enter the project directory
```bash
cd nlw-pocket-092024\server
```Install with dependencies
```bash
npm install
```Create the .env file based on the .env.example file.
Install Docker and check if it's running on your machine. If so, run the command to create the PostgreSQL database in Docker:
```bash
docker compose up -d
```Now let's run the command to create the tables and populate the database with data:
```bash
npx drizzle-kit generatenpm run seed
```Start the server
```bash
npm run dev
```### Front-end Web
Enter the project directory
```bash
cd nlw-pocket-092024\web
```Install with dependencies
```bash
npm install
```Create the .env file based on the .env.example file.
Check if the backend is running.
Start the server
```bash
npm run dev
```### Mobile
Enter the project directory
```bash
cd nlw-pocket-092024\mobile
```Install with dependencies
```bash
npm install
```Create the .env file based on the .env.example file.
Check if the backend is running.
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%20Pocket&uri=https://github.com/VagnerNerves/nlw-pocket-092024/blob/main/server/.github/Insomnia/Insomnia_2024-09-13.json)
## 🌎 License
This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/nlw-pocket-092024/blob/main/LICENSE) file for more details.
## ✒ Author
Vagner Nerves
Made with love and hate 😅, get in touch!
[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-1f6feb?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/vagnernervessantos/)](https://www.linkedin.com/in/vagnernervessantos/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![GitHub Badge](https://img.shields.io/badge/-GitHub-1f6feb?style=flat-square&logo=GitHub&logoColor=white&link=https://github.com/VagnerNerves)](https://github.com/VagnerNerves)