- Screenshots
- Developers
- Introduction
- Available Scripts
- Getting Started
- Create-a-database-on-Turso
- Project Structure
- Capturas de pantalla
- Desarrolladores
- Introducción
- Script disponibles
- Comenzar
- Crear una base de datos en Turso
- Estructura del proyecto
Full-screen view.
List of developers who have contributed to this project:
Share-it is a Splitwise clone created with:
- Next.js
- TypeScript
- CSS
- SQLite
In this project, you can run the following scripts:
| Script | Description |
|---|---|
| npm run dev | Run the application in development mode. |
| npm run start | Build the project for production mode within the build folder |
| npm run lint | Run the linter |
Clone the project:
git clone https://github.com/JorgeCoronilla/share-it-app.git
Enter the project:
cd share-it-app
Install dependencies:
npm install
Create a .env file and configure the environment variables:
BASE_URL=
JWT_SECRET_KEY=
NODEMAILER_PASS=
NODEMAILER_EMAIL=
DB_URL=
DB_AUTH_TOKEN=
Important: The project uses an sqlite database
Create a database on Turso
Once your account is created, you can access the Turso CLI from the console. Installation
npm install tursodatabase/tap/turso
Login
turso auth login
Create database
turso db create my-db
Create tables: first enter in the shel and the copy the script from /src/app/lib/db/dbScripts.sql
turso db shell my-dbGet the URL
turso db show --url my-db
Create a token
turso db tokens create my-db
Finally add the url and the token into the .env file.
share-it-app
|
├── public/
│ └─── icons/
├── .next/
├── node_modules/
├── public/
├── prc/
│ ├───(app-pages)/
│ │ ├─── add/
│ │ ├─── about/
│ │ ├─── dashboard/
│ │ ├─── login/
│ │ └─── register/
│ │
│ ├─── api/
│ │
│ ├─── lib/
│ │ ├─── db/
│ │ ├─── hooks/
│ │ ├─── services/
│ │ ├─── auth.ts
│ │ ├─── constants.ts
│ │ ├─── definitions.ts
│ │ └─── validations.ts
│ │
│ ├─── ui/
│ │ ├─── components/
| │ │ ├─── about/
| │ │ ├─── dashboard/
| │ │ ├─── global/
│ │ │ └─── home/
│ │ │
│ │ ├─── styles/
│ │ ├─── globals.css
│ │ └─── favicon.ico
│ │
│ └─── middleware.ts
├─── .env
├─── eslint.json
├─── package.json
└─── tsconfig.json
- Capturas de pantalla
- Desarrolladores
- Introducción
- Script disponibles
- Comenzar
- Crear una base de datos en Turso
- Estructura del proyecto
Vista a pantalla completa.
Lista de desarrolladores que han contrribuido a este proyecto:
Share-it es un clon de Splitwise creado con:
- Nextjs
- Typescript
- Css
- Sqlite
En este proyecto se pueden ejecutar los siguientes scripts:
| Script | Descriptción |
|---|---|
| npm run dev | Ejecuta la aplicación en modo de desarrollo. |
| npm run start | Construye el proyecto para modo producción dentro de la carpeta build |
| npm run lint | Ejecuta el linter |
Clonar el proyecto:
git clone https://github.com/JorgeCoronilla/share-it-app.gitEntrar en el proyecto:
cd share-it-appInstalar dependencias:
npm installCrear un archivo .env y configurar las variables de entorno:
BASE_URL=
JWT_SECRET_KEY=
NODEMAILER_PASS=
NODEMAILER_EMAIL=
DB_URL=
DB_AUTH_TOKEN=Importante: El proyecto usa una db sqlite
Crear una base de datos en Turso
Una vez creada tu cuenta puedes acceder desde la consola al CLI de Turso. Instalación
install tursodatabase/tap/tursoLogin
turso auth loignCrea la db
turso db create my-dbCrea las tablas desde el shel
turso db shell my-dbObtén la url
turso db show --url my-dbCrea un token
turso db tokens create my-dbshare-it-app
|
├── public/
│ └─── icons/
├── .next/
├── node_modules/
├── public/
├── prc/
│ ├───(app-pages)/
│ │ ├─── add/
│ │ ├─── about/
│ │ ├─── dashboard/
│ │ ├─── login/
│ │ └─── register/
│ │
│ ├─── api/
│ │
│ ├─── lib/
│ │ ├─── db/
│ │ ├─── hooks/
│ │ ├─── services/
│ │ ├─── auth.ts
│ │ ├─── constants.ts
│ │ ├─── definitions.ts
│ │ └─── validations.ts
│ │
│ ├─── ui/
│ │ ├─── components/
| │ │ ├─── about/
| │ │ ├─── dashboard/
| │ │ ├─── global/
│ │ │ └─── home/
│ │ │
│ │ ├─── styles/
│ │ ├─── globals.css
│ │ └─── favicon.ico
│ │
│ └─── middleware.ts
├─── .env
├─── eslint.json
├─── package.json
└─── tsconfig.json
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent