Study Storage

A study project exploring storage solutions using modern technologies. This project features a frontend built with React and a backend using NestJS, integrated with Supabase for file storage.

🚀 Overview

This project is divided into two main parts:

Frontend: A React application that interacts with the backend and displays information. The frontend is responsible for the user interface and client-side logic.
Backend: A NestJS application that handles API requests and manages file storage using Supabase.

Frontend

The frontend is built with React and includes:

React: For building the user interface.
Vite: For fast development and bundling.
Tailwind CSS: For styling the application.

Key Features:

User interface for interacting with the backend.
Responsive design with Tailwind CSS.
Components for layout, navigation, and footer.

Getting Started with Frontend:

Navigate to the frontend directory
```
cd front
```
Install dependencies
```
npm install
```
Copy the example environment file and configure your environment variables
```
cp .env.example .env
```
Run the development server
```
npm run dev
```

Backend

The backend is built with NestJS and includes:

NestJS: A progressive Node.js framework for building efficient, reliable, and scalable server-side applications.
Supabase: A platform that provides a Postgres database, authentication, and file storage.

Key Features:

API endpoints for managing file uploads and storage.
Integration with Supabase for handling file storage.

Getting Started with Backend:

Navigate to the backend directory
```
cd back
```
Install dependencies
```
npm install
```
Copy the example environment file and configure your environment variables
```
cp .env.example .env
```

Update the .env file with your Supabase credentials

SUPABASE_URL='your_supabase_url'
SUPABASE_KEY='your_supabase_key'

Run the development server
```
npm run start:dev
```

devlooppear/studyStorage

Study Storage

🚀 Overview

Frontend

Backend