Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arthurlbo/time-capsule
💻 A time capsule for you to record and store the best moments of your life.
https://github.com/arthurlbo/time-capsule
axios expo expo-auth expo-router fastify fastify-jwt js-cookies jwt-authentication lucide-icons nextjs oauth prettier-eslint prisma react react-native sqlite streaming tailwindcss typescript zod
Last synced: about 1 month ago
JSON representation
💻 A time capsule for you to record and store the best moments of your life.
- Host: GitHub
- URL: https://github.com/arthurlbo/time-capsule
- Owner: arthurlbo
- Created: 2023-05-20T15:23:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-01T13:45:43.000Z (11 months ago)
- Last Synced: 2024-02-02T01:02:58.013Z (11 months ago)
- Topics: axios, expo, expo-auth, expo-router, fastify, fastify-jwt, js-cookies, jwt-authentication, lucide-icons, nextjs, oauth, prettier-eslint, prisma, react, react-native, sqlite, streaming, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://timecapsule.arthurlobo.com
- Size: 2.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Hi there! 👋
> A time capsule for you to record and remember the best moments of your life.
>
> This is an end-to-end application which allows users to create an account using GitHub OAuth authentication and then register their own memories. Users can add images, descriptions and choose whether they want to make their memories public. The app also has a timeline that displays all the memories recorded by the user.
>
> The time-capsule API was developed in TypeScript, using the Fastify, Prisma, and other tools. For authentication, GitHub's OAuth was chosen as a service. After the user allows access to their data on github, a JWT is generated to identify the user's session. Within the record of a memory, stream technology with nodejs was used to upload images, improving the efficiency and performance of the API. In addition, the stream service makes the API scalable, and may have several features to be added.
>
> For the web application we used NextJS, React, TypeScript, Tailwind, Axios, and other tools.Taking advantage of the best of Next JS 13, an intuitive and friendly interface was created, with the objective of the user having the best experience possible, making it easy and practical to record and view their registered memories. In the authentication part, the user accesses his account through Github OAuth, as soon as he returns to the website, his JWT is received from the API, storing it in the user's cookies. To validate its authentication, an authentication middleware was created, through the functionality
offered by the NextJS framework itself.
>
> Taking advantage of the knowledge in React, ReactNative was used with Typescript for mobile app, using Expo to facilitate the initial settings. To handle user authentication we used expo-auth-session, together with expo-routes, we managed to have a very efficient result in the creation of routes and their validations.
>
> [Prototype in Figma](https://www.figma.com/file/q2RnMH6iSBp3CWe1DpIo2W/C%C3%A1psula-do-tempo-%E2%80%A2-Trilha-Ignite-(Community)?type=design)
## 💻 Web version
[Time-capsule Web](https://github.com/arthurlbo/time-capsule/tree/main/web)
## 📱 Mobile version
[Time-capsule App](https://github.com/arthurlbo/time-capsule/tree/main/mobile)
## 🚀 Api
[Time-capsule Api](https://github.com/arthurlbo/time-capsule/tree/main/server)
Made with 🤍 by Arthur