This project is a clone of the website when2meet. We decided to do a clone of it as it is a very useful product that helps people find a common time to meet. However, it is also very aesthetically unappealing and therefore, we wanted to improve the UI.
To run the application, first clone it and install the dependencies
npm ci
See instructions here.
Clone the env.example file and set the appropriate values
cp env.example .env
Afterwards, to run the development server:
npm run start
We decided to use vue.js as the front-end as in the original website, we noticed that the server side rendering of the page made it slow. To curb this, we wanted to do a Single Page Application (SPA) for the site. Also, state management is important in showing the
As the information needs to be stored on a persistent database, we decide to use mongodb. As future works could mean that we would want to absorb different data (e.g. google calendar integration), we would want to use a NoSQL database.
We use express as the server side library as it is unopinionated and simple.
We improve the UI by adding simple styling and paginations
We noticed that the original site was not mobile friendly as users would have to scroll horizontally to see the full page. We wanted to make this site responsive and mobile friendly.