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

https://github.com/gaitherdb/custom-planner

Introducing an innovative notes app that seamlessly integrates a calendar interface, empowering users to select dates, manage daily tasks or notes, and automatically carry over unfinished tasks to the following day.
https://github.com/gaitherdb/custom-planner

bootstrap graphql-api heroku-deployment jwt-authentication mern-stack mongodb pwa react react-calendar

Last synced: about 2 months ago
JSON representation

Introducing an innovative notes app that seamlessly integrates a calendar interface, empowering users to select dates, manage daily tasks or notes, and automatically carry over unfinished tasks to the following day.

Awesome Lists containing this project

README

        

# Custom-Planner

## ![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)

## Description

Access the webpage by going to the deployed site: [Custom Calendar](https://davidscalendar.herokuapp.com/).

Test Account: [email protected] Password: !t3stmyPw0rd

A mobile-first day planner web application that allows a user to create an account, select a day from the calendar and create a to-do list. Edit, erase, or complete created to-do items. Each uncompleted to-do item rolls over to the next day. To-do lists refresh monthly.

This is an early stage of a project I have dreamed about. Unable to find a planner app that suits my preference, I am working on creating a customizable planner.

We created a MERN Stack application which includes using a MongoDB database, Express to interact with the DOM through the server, the front end framework React, and Node on the backend.

We used many node modules to make the development easier. To give an idea what technolgies we used, here are some of the important ones:

- apollo/client,
- fortawesome,
- bootstrap,
- jwt-decode,
- react,
- react-bootstrap,
- react-calendar,
- dotenv,
- bcrypt,
- express,
- jsonwebtoken,
- mongoose,
- graphql

The application is hosted on a heroku server but can be ran locally if downloaded.

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [License](#license)
- [Contributing](#contributing)
- [Questions](#questions)

## Installation

To install Node.js, follow the documentation [Node.js](https://coding-boot-camp.github.io/full-stack/nodejs/how-to-install-nodejs)

To install MongoDB, follow the documentation [MongoDB](https://docs.mongodb.com/manual/installation/)

To install necessary dependencies, run the following command:

```
npm i
```

## Usage

Access the webpage by going to the deployed site: [Custom Calendar](https://davidscalendar.herokuapp.com/).

Test Account: [email protected] Password: !t3stmyPw0rd

If you want to run this on a local server, set the path to the Custom-Planner folder in the terminal. Run `npm run develop` to run both the React http://localhost:3000 as well as the GraphQL http://localhost:3001/graphql.

![CCalendarHome](https://user-images.githubusercontent.com/83731627/144376989-03f41ee3-5c54-4d11-bb11-80c0a35ce74c.png)

Screen Shot 2021-11-12 at 7 54 19 PM

## License

This project is licensed under the terms of the [MIT License](https://opensource.org/licenses/MIT).

## The Development Team

This group project is the collaborative effort between four University of Richmond Full Stack Coding Bootcamp students.

Shelby Butt

Shelby's [GitHub](https://github.com/shelbylb97).

Alex Palmer

Alex's [GitHub](https://github.com/apalmer37).

David Gaither

David's [GitHub](https://github.com/Gaitherdb).

Luke McMurtrie

Luke's [GitHub](https://github.com/LukeMcM89).

## Contributors

This project is currently not looking for any further contributors.

## Questions

If you have any questions about the repo, open an issue or contact David directly at [email protected].

## Contact Us

[email protected]

[email protected]

[email protected]

[email protected]