People constantly have tasks to piling up in their lives to the point where it becomes hard to keep track of them all. RemindMe provides a single web-based place to organize all of these tasks together into a single to-do list sorted by approaching deadlines to ensure individuals never miss a due date. Users can create an account and log in to view all of their saved tasks as well as delete them when they are finished or no longer needed.
Our project was built using the following frameworks/libraries:
- React
- MySQL and MySQL Workbench
- Node.js and npm
- Visual Studio Code (code editor)
We used React in order to build the website's user interface, and the front-end code was written with JavaScript/HTML/CSS. All of the website's buttons, inputs, and other interactive components were created using this framework. MySQL was used to store all of the login information and user tasks in a database. In order to connect the front-end to the MySQL database, we used Node.js to write queries to put and fetch information to and from the database. We did not end utilize any cloud or other online service to host our database, so local setup is necessary to run and interact with our project.
Download and install Node.js/npm, MySQL/MySQL Workbench, and an IDE (i.e. Visual Studio Code) on your local machine.
- Clone the repository
git clone https://github.com/CS222-UIUC/team-78-remind-me-app.git
- Install npm packages (may need to install other packages as prompted when running website)
npm install
npm install react-router-dom --save
npm install react-native-web
npm install axios
npm install cors
- Set up the database called
usersystemwith the following tables in MySQL Workbench
users table:
tasks table:
- Navigate to the front-end folder (
cd front-end) and run the website
npm start
- Navigate to the back-end folder (
cd back-end) and run the database server
node index.js
Now you're ready to start adding tasks!
Sudha Gattu (@sudham123) : Front-end and database developer / unit tester
Leah Ludwikowski (@leahlud) : Front-end, back-end, and database developer
Armin Rafieyan (@ArminRaf): Back-end and database developer
Nithin Parthasarathy (@nithinparthas) : Back-end developer / unit tester