Created as a part of RocketSeat's NLW 2023. This is a time capsule app that allows users to login with their GitHub accounts and register their memories via a combination of photos and texts. The app runs both on mobile and web.
It was made in React.Js
, React Native
, TypeScript
on the front-end, with styling is handled by Tailwind
. On the backend, Fastify
was used to create the server, Prisma
for the database and Axios
for routing. OAuth
is used for authenitcation.
![image](https://private-user-images.githubusercontent.com/35715220/242439845-658206cf-55f9-418e-b214-c484eef07c7a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyOTgwODUsIm5iZiI6MTcxODI5Nzc4NSwicGF0aCI6Ii8zNTcxNTIyMC8yNDI0Mzk4NDUtNjU4MjA2Y2YtNTVmOS00MThlLWIyMTQtYzQ4NGVlZjA3YzdhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDE2NTYyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYwYWRmNzE0MjhjZDkyNjEyZmIwNDQ3Y2M1ZTBmM2NhYjBmMzg5OGZlMjc5ZWQwNWZiNWYwY2Y1N2ZmYTYwZTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RFcIvjLwTAQYPVmE_aQBOtraKuetLuDAyur5LWgdx4Q)
![image](https://private-user-images.githubusercontent.com/35715220/242440213-6a7cf791-5428-4691-990c-8b0d618f3323.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyOTgwODUsIm5iZiI6MTcxODI5Nzc4NSwicGF0aCI6Ii8zNTcxNTIyMC8yNDI0NDAyMTMtNmE3Y2Y3OTEtNTQyOC00NjkxLTk5MGMtOGIwZDYxOGYzMzIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDE2NTYyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNiODdhZjVkZDIyNGE3NTViNDdlM2I4MzIyZjhkYzg0OGVlNDI5MGIwOGY3NDI5OTA1N2EzNzQ5YTkyZGM3MDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6emSlZZgnwMKyHBkqcopW131io3hNiSM98PjdXF6fYE)
To get thinsg started, it is necessary to start the server by acessing the server. Access the server directory and type the following in the terminal:
npm run dev
To access the web version of the time capsule app, access the web directory and type the following in the terminal:
npm run dev
To run the mobile version of the time capsule app, it is necessary to run the Expo emulator. Access the mobile directory and type the following in the terminal:
npm run start
and then select the option of your choice.