Space Time Next Level Week

Author Picture

Wagner Caetano

July 17, 2023

Post Picture

figma.comcommunityfile1240070456276424762

💻 Project

Space Time is a digital "time capsule" application designed to store and cherish precious memories. It provides users with a platform to capture and preserve significant moments, including photos, messages, and more, at various stages of life. The memories are beautifully organized chronologically and can be accessed seamlessly through a mobile application and a web interface.


🚀 Technologies

This project leverages the power of several cutting-edge technologies, including:

  1. nextjs.org
  2. nodejs.orgen
  3. reactjs.org
  4. facebook.github.ioreact native
  5. expo.io
  6. typescriptlang.org
  7. tailwindcss.com
  8. prisma.io (Database toolkit)

👥 GitHub Authentication

this project integrates GitHub authentication to provide a secure and seamless login experience for users. By utilizing GitHub authentication, users can easily sign in to MyProject using their existing GitHub credentials, ensuring a streamlined and hassle-free login process.

📝 Implementation

To implement MyProject, follow these steps:

  1. Start by running npm install to install the necessary dependencies.
  2. Add the required environment variables by referring to the example file env.example.
  3. Create the SQLite database by executing npx prisma migrate dev --preview-feature.
  4. Launch the server by running npm run dev.

For the web application:

  1. Run npm install to install the required dependencies.
  2. Configure the environment variables by referring to the example file env.local.example.
  3. In the files src/lib.api.ts and next.config.js, update the IP address to match your local or production environment.
  4. Start the development server by running npm run dev.

For the mobile application:

  1. Install the necessary dependencies by running npm install.
  2. Update the IP address in the file src/lib.api.ts to match your local or production environment.
  3. Launch the application using npm run start.

Note: If you switch from the web to mobile or vice versa, make sure to update the environment variable on the server and restart it accordingly.