https://github.com/onurdev17/react-blog
Full-stack blog app built with React and Supabase
https://github.com/onurdev17/react-blog
blog blogging mui react react-blog-app react-hot-toast styled-components supabase typescript
Last synced: over 1 year ago
JSON representation
Full-stack blog app built with React and Supabase
- Host: GitHub
- URL: https://github.com/onurdev17/react-blog
- Owner: onurdev17
- Created: 2024-03-27T12:21:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-16T19:00:09.000Z (about 2 years ago)
- Last Synced: 2025-02-03T03:27:21.157Z (over 1 year ago)
- Topics: blog, blogging, mui, react, react-blog-app, react-hot-toast, styled-components, supabase, typescript
- Language: TypeScript
- Homepage: https://reactts-blog.netlify.app
- Size: 458 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About The Project
## Usage
## Built With
* [![React][React.js]][React-url]
* [![TypeScript][TypeScript.com]][TypeScript-url]
* [![Supabase][Supabase.com]][Supabase-url]
* [![StyledComponents][StyledComponents.com]][StyledComponents-url]
* [![ReactHookForm][ReactHookForm.com]][ReactHookForm-url]
* [![ReactRouter][ReactRouter.com]][ReactRouter-url]
## Getting Started
### Installation
1. Get a free API Key at [https://supabase.com](https://supabase.com)
2. Clone the repo
```sh
git clone https://github.com/papeiron/react-blog.git
```
3. Install NPM packages
```sh
npm install
```
4. Enter your API in `.env`
```js
const API_KEY = 'ENTER YOUR KEY';
const API_URL = 'ENTER YOUR URL';
```
## Database Schema
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[TypeScript.com]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[TypeScript-url]: https://www.typescriptlang.org
[StyledComponents.com]: https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white
[StyledComponents-url]: https://styled-components.com
[Supabase.com]: https://img.shields.io/badge/Supabase-181818?style=for-the-badge&logo=supabase&logoColor=white
[Supabase-url]: supabase.com
[ReactHookForm.com]: https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white
[ReactHookForm-url]: https://react-hook-form.com
[ReactRouter.com]: https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white
[ReactRouter-url]: https://reactrouter.com/en/main
