https://github.com/radzhiv25/notion-clone
A notion home page clone with some tweaks
https://github.com/radzhiv25/notion-clone
luicide-icons react tailwindcss vite
Last synced: 3 months ago
JSON representation
A notion home page clone with some tweaks
- Host: GitHub
- URL: https://github.com/radzhiv25/notion-clone
- Owner: radzhiv25
- Created: 2023-12-01T11:01:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-03T19:19:44.000Z (over 1 year ago)
- Last Synced: 2025-01-21T06:25:38.541Z (4 months ago)
- Topics: luicide-icons, react, tailwindcss, vite
- Language: JavaScript
- Homepage: https://beta-notion-clone.vercel.app/
- Size: 820 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Notion Clone
## Table of Contents
- [Introduction](#introduction)
- [Getting Started](#getting-started)
- [Tech Stack Used](#tech-stack-used)
- [React + Vite](react-+-vite)
## Introduction
The Notion clone home page mirrors the original's minimalist design, featuring a clean interface with a versatile layout. Users can seamlessly organize tasks, documents, and collaborative content, enjoying an intuitive experience akin to Notion's renowned productivity platform.
## Getting Started
To get started with repository, follow the installation and usage instructions in the project's documentation.
1. Clone the repository to your local machine:
```bash
git clone https://github.com/radzhiv-25/notion-clone.git
```
2. Install the required dependencies:
```bash
cd notion-clone
npm install
```
3. Configure the environment variables, including API keys and settings.
4. Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
5. Open [http://localhost:5173](http://localhost:5173/) with your browser to see the result.
6. Start exploring the Notion Clone.
## Tech Stack Used
- React
- TailwindCSS
- Vite
- Vercel
## React + Vite ✅
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh