WhatToDo (GRAP)

Table of Contents

Introduction
Features
Tech Stack
Run The Project Locally
UI Examples
Demo

Introduction

This is a very basic CRUD todo-list fullstack application. It's a part of my "One App Multi-stacks" series. This version is created with REACTJS (frontend), NodeJS, GraphQL & Apollo-Server (backend), PostgreSQL (database).

The purpose of the project is practicing my fullstack development skill and the technology.

Features

For simplicity's sake, there is no user feature in the app.

• Create/Read/Update/Delete todos (priority, deadline, description)
• Create/Read/Update/Delete projects
• Create/Read/Update/Delete Projects' todos

Tech Stack

1. ReactJS
2. MaterialUI
3. Cypress
4. GraphQL
5. Apollo-Server
6. PostgreSQL

Run The Project Locally

📢 For all of the step below: make sure that you're in the project's directory 📢

Using Terminal and VSCode

1. Run the Backend

    cd server
    npm run start
   

2. Run the Frontend

    cd client
    yarn start
   

Check the app out at http://localhost:3000/

E2E Testing

yarn run cypress

UI Examples

Demo

https://oams-whattodo-grap.netlify.app