Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/levieyal/fern-stack-template

FERN Stack template - An entry point
https://github.com/levieyal/fern-stack-template

expressjs fern firebase full-stack-web-development nodejs reactjs template-project

Last synced: about 1 month ago
JSON representation

FERN Stack template - An entry point

Awesome Lists containing this project

README

        

# FERN Stack template - An entry point
[![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)](https://open.vscode.dev/LeviEyal/FERN-Stack-Template)

[![in progress](https://img.shields.io/badge/in%20progress-red.svg)]()

## FERN stands for:

* F - Fireabase Database
* E - Express.JS server
* R - React frontend app
* N - Node.JS backend app

# HOW TO USE
1. Clone the project
```python
git clone https://github.com/LeviEyal/FERN-Stack-Template.git
```

2. Open two terminals - one for the server and one for the client
3. Install dependencies on the server terminal
```python
cd FERN-Stack-Template/backend
npm install
```
4. Install dependencies on the client terminal
```python
cd FERN-Stack-Template/frontend
npm install
```
4. Run the server on the server terminal
```python
npm start
```
5. Run the frontend app on the client terminal
```python
npm start
```
6. Open the browser and go to http://localhost:3000

# Dependencies
* [Node.js](https://nodejs.org/en/)
* [Express](https://expressjs.com/)
* [React](https://reactjs.org/)
* [Firebase Admin SDK](https://firebase.google.com/docs/admin/setup#initialize_the_sdk)
* [Firebase Database](https://firebase.google.com/docs/database/web/read-and-write)

# Contributing
* Fork the project
* Create a new branch
* Commit your changes
* Push your branch to GitHub
* Open a pull request