https://github.com/nebeyoumusie/file-store

A responsive and modern website that lets you store files all in one palce.
https://github.com/nebeyoumusie/file-store

clerk firebase firestore-database nextjs14 reactjs shadcn-ui tiles typescript zustand

Last synced: about 2 months ago
JSON representation

A responsive and modern website that lets you store files all in one palce.

• Host: GitHub
• URL: https://github.com/nebeyoumusie/file-store
• Owner: NebeyouMusie
• Created: 2024-02-21T10:07:33.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T12:33:25.000Z (4 months ago)
• Last Synced: 2024-09-12T23:59:05.602Z (4 months ago)
• Topics: clerk, firebase, firestore-database, nextjs14, reactjs, shadcn-ui, tiles, typescript, zustand
• Language: TypeScript
• Homepage: https://filez-x.vercel.app/
• Size: 2.04 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# fileZ (Next.js 14, React, Clerk, Shadcn, Firebase, Drag/Drop, CRUD, TS)

## Image

![fileZ file store website](/public/images/fileZ.png)

## Description

A responsive and modern website that lets you store files all in one palce. 

## Live Project

- **URL:** https://filez-x.vercel.app/

- **Open Live Demo:** [![Open in browser](https://img.shields.io/badge/Open_in_browser-fileZ-x_vercel_app_--_svg?style=for-the-badge&logo=Vercel)](https://filez-x.vercel.app/)

## Key Features

- User management - using Clerk for user authentications and management.

- Responsive design: Adapts seamlessly to various screen sizes for optimal user experience.

- Dynamic content: Utilizes React's components for modularity and easy updates.

- Tailwind CSS integration: Enables rapid styling and customization with utility classes.

- Drag n Drop

## Technologies

- Next.js 14

- React

- Typescript

- Tailwind CSS

- Clerk

- Firebase

- Shadcn

## Installation and Setup

1. Clone the repository: `git clone https://github.com/NebeyouMusie/file-store.git`

2. Install dependencies: `npm install`

3. Start the development server: `npm start`

## Usage

1. Open http://localhost:3000 in your browser to view the project locally.

2. Sign in using your google account or your email.

3. Upload files.

4. Explore the interactive elements and functionality in the table.

## Credit

- [@PapaReact](https://github.com/PapaReact)

## Contact

- [@NebeyouMusie](https://github.com/NebeyouMusie)

- [email protected]