Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jkergal/react-personnal-blog

Last synced: 8 days ago
JSON representation

Host: GitHub
URL: https://github.com/jkergal/react-personnal-blog
Owner: jkergal
Created: 2022-02-16T12:20:59.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-06-23T21:49:12.000Z (over 2 years ago)
Last Synced: 2023-03-04T15:08:39.354Z (almost 2 years ago)
Language: CSS
Size: 4.58 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ## SIMPLE REACT PERSONNAL BLOG

## ⚠️⚠️⚠️

This project is in developping phase. Some features are missing, and some issues are still living.

Code in main branch is here only to show what i'm doing to the world. (I'm learning) 😉

## Description

This is a ReactJS project to set up your own personnal blog. You can write text articles, with some features like markdown articles shaping, drafts, admin dashboard, etc.

Works with **firebase**, so front-end devs: don't worry about database, auth and other back-end stuff!

## Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file (mainly to work with your firebase, but also to keep secured and hidden your exclusive login page URL) :

`REACT_APP_ADMIN_LOGIN_PATH_ID`=aSecureIdForYourLoginPageURL

`REACT_APP_FIREBASE_API_KEY`=yourFirebaseApiKey

`REACT_APP_FIREBASE_AUTH_DOMAIN`=yourFirebaseAuthDomain

`REACT_APP_FIREBASE_PROJECT_ID`=yourFirebaseProjectId

`REACT_APP_FIREBASE_STORAGE_BUCKET`=yourFirebaseStorageBucket

`REACT_APP_FIREBASE_MESSAGING_SENDER_ID`=yourFirebaseMessagingId

`REACT_APP_FIREBASE_APP_ID`=yourFirebaseAppId

Create this .env.local file at the root of your project folder.

## Packages Installation

To run this project :

```packages installation

  npm install

```

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

## Authors

-   [@jkergal](https://github.com/jkergal) ([email protected])

## 🔗 Links

[![website](https://img.shields.io/badge/my_website-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://johannkergal.fr/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/johannkergal)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/zetyd)