Star chart web app - a scheduling platform for administrators.
Completed as part of the UC Berkeley coding bootcamp.
As a scheduling administrator for a large organization, I would like to have access to a scheduling app that is scalable and dynamic, with views that can provide specific information about individual users and their associated events.
Appointments are created using an "administrator" view, with queries and mutations provided from graphql
, and data hosted by MongoDB. Once created, events or appointments can be visualized on a per-user basis.
The Star Chart web app provides scalability via a MongoDB backend, with customized views in a single page application using React, and a dynamic viewing experience through Semantic UI styling.
- Deployed application on Heroku: https://star-chart7.herokuapp.com/
- Git repo: https://github.com/TottoMoe/star-chart
To install, first clone the repo:
git clone [email protected]:TottoMoe/star-chart.git
Next, navigate to the cloned repo and install both the server and client for development from the command line (assumes npm
is installed):
npm install
Seed the database so that the app has date to view from the frontend:
npm run seed
The app is now ready for local development.
After installation, you can start a local instance of the app by starting the server and client concurrently:
npm run develop
Navigate to the localhost route to view the app using your browser at http://localhost:3000/
Once the user is logged in, examples of the application and the associated pages are as follows:
User page - the view for a single user and associated events:
View all users that have logged into the application:
View all events defined in the application:
View a single event for the application:
For additional questions, please visit the repo on GitHub.