Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rubikuo/mytrello

MyTrello is a todo app mimic the Trello website. Full stack project developed by react, nodejs, passportjs and mongoose.
https://github.com/rubikuo/mytrello

mern mongoose nodejs passportjs reactjs rest-api

Last synced: 16 days ago
JSON representation

MyTrello is a todo app mimic the Trello website. Full stack project developed by react, nodejs, passportjs and mongoose.

Awesome Lists containing this project

README

        

# Project Name: MyTrello

## Project description

MyTrello is a MERN full-stack project developed using **React, Javascript, Sass, Nodejs, Passportjs, MongoDB**.
It is a todo app that is a mimic version of the Trello application. It provides users with the functionalities for creating, editing, and deleting a broard, a list, a card in an user account.

## Get Started

# Installing

1. Clone this repository to your local machine
2. Open a terminal window and navigate to the project directory
3. Run `npm install`to install the dependencies
4. Create a `.env` file in the root directory and set the environment variables as following, remember to replace , , with your username, password and type random texts in :

`MONGODB_URI=mongodb+srv://:@mytrellodb.w6zga.mongodb.net/test`
`DB_STRING_DEV=mongodb+srv://:@mytrellodb.w6zga.mongodb.net/test`
`SESSION_SECRET=`

# Running the application

To run the application, follow the steps below:

1. Open a terminal window and navigate to the project directory
2. Run `npm run dev` to start the development
3. Ope a web browser and go to `http://localhost:3000` to view the application

# Building for Production

To build the application for production, follow the steps below:

1. Open a terminal window and navigate to the prhect directory
2. Run `npm run build` to build the production version of the application
3. Run `npm start` to start the production server
4. Open a web browser and go to `http://localhost:3000` to view the application

Screen Shot 2020-06-24 at 3 01 16 PM
Screen Shot 2020-06-24 at 3 02 22 PM
Screen Shot 2020-06-24 at 3 01 53 PM
Screen Shot 2020-06-24 at 3 03 23 PM
Screen Shot 2020-06-24 at 3 03 35 PM
Screen Shot 2020-06-24 at 3 05 49 PM
Screen Shot 2020-06-24 at 3 06 02 PM
Screen Shot 2020-06-24 at 3 06 14 PM