https://github.com/vadimghedreutan/filekeeper-app
File Keeper App built with NEXT.JS 14, React, Clerk, Shadcn, Firebase, Drag/Drop, CRUD, TS
https://github.com/vadimghedreutan/filekeeper-app
clerkauth crud-application drag-and-drop firebase nextjs14 react shadcn-ui ts
Last synced: about 2 months ago
JSON representation
File Keeper App built with NEXT.JS 14, React, Clerk, Shadcn, Firebase, Drag/Drop, CRUD, TS
- Host: GitHub
- URL: https://github.com/vadimghedreutan/filekeeper-app
- Owner: vadimghedreutan
- Created: 2024-03-18T09:32:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-04T07:06:36.000Z (10 months ago)
- Last Synced: 2025-02-13T19:28:20.200Z (4 months ago)
- Topics: clerkauth, crud-application, drag-and-drop, firebase, nextjs14, react, shadcn-ui, ts
- Language: TypeScript
- Homepage:
- Size: 239 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## File Keeper - A Next.js App with CRUD, Drag & Drop and Authentication
This project is a React application built with Next.js 14 that utilizes various technologies to provide a rich user experience.
### Tech Stack:
- Frontend: React, Next.js 14
- Authentication: Clerk
- Shadcn/ui
- Database: Firebase
- Features: Drag & Drop, CRUD Operations (Create, Read, Update, Delete)
- Type Safety: TypeScript
### Getting Started:
1. Clone the Repository:
```bash
git clone https://github.com/your-username/your-repo-name.git
```
2. Install Dependencies:
```bash
cd your-repo-name
npm install
```
3. Configure Firebase:
- Create a Firebase project and enable the necessary services (Firestore, Authentication, Storage - if needed).
- Create a .env.local file at the root of the project and add your Firebase project configuration details. See the Firebase documentation for details on setting up environment variables: https://firebase.google.com/docs/functions/config-env
4. Configure Clerk (Optional - if using Clerk):
- Create a Clerk application and configure it in your project. Refer to the Clerk documentation for specific instructions: https://clerk.com/docs/quickstarts/setup-clerk
5. Start the Development Server:
```bash
npm run dev
```
This will start the development server and your application will be accessible at [http://localhost:3000](http://localhost:3000) by default.