Access the webpage by going to the deployed site: Custom Calendar.
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.
To install Node.js, follow the documentation Node.js
To install MongoDB, follow the documentation MongoDB
To install necessary dependencies, run the following command:
npm i
Access the webpage by going to the deployed site: Custom Calendar.
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.
This project is licensed under the terms of the MIT License.
This group project is the collaborative effort between four University of Richmond Full Stack Coding Bootcamp students.
Shelby Butt
Shelby's GitHub.
Alex Palmer
Alex's GitHub.
David Gaither
David's GitHub.
Luke McMurtrie
Luke's GitHub.
This project is currently not looking for any further contributors.
If you have any questions about the repo, open an issue or contact David directly at [email protected].