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.
- Host: GitHub
- URL: https://github.com/gaitherdb/custom-planner
- Owner: Gaitherdb
- Created: 2021-11-01T23:56:22.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-17T21:52:05.000Z (over 1 year ago)
- Last Synced: 2025-02-10T09:15:18.340Z (4 months ago)
- Topics: bootstrap, graphql-api, heroku-deployment, jwt-authentication, mern-stack, mongodb, pwa, react, react-calendar
- Language: JavaScript
- Homepage:
- Size: 43.3 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Custom-Planner
## 
## 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,
- graphqlThe 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.

## 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