https://github.com/vlad-moroshan/event-calendar
Google-like Event Calendar built with React, Redux, Express, MongoDB
https://github.com/vlad-moroshan/event-calendar
axios bootstrap css event-calendar expressjs html javascript mongodb mongoose nodejs react redux
Last synced: 3 months ago
JSON representation
Google-like Event Calendar built with React, Redux, Express, MongoDB
- Host: GitHub
- URL: https://github.com/vlad-moroshan/event-calendar
- Owner: vladislavalerievich
- Created: 2019-10-16T13:15:36.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T08:13:50.000Z (over 3 years ago)
- Last Synced: 2023-03-08T16:54:50.641Z (over 3 years ago)
- Topics: axios, bootstrap, css, event-calendar, expressjs, html, javascript, mongodb, mongoose, nodejs, react, redux
- Language: JavaScript
- Homepage:
- Size: 380 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Google-like Event Calendar with JavaScript
This project is built with React and Redux on the client side. Backend is using Express and MongoDB
## 1: Install packages
```sh
# Install server and client packages + build the React applicatin
$ npm install
# OR you can install manually the server and client packages
$ (cd server && npm install)
$ (cd client && npm install)
```
## 2: Run project: the server and the client
```sh
# Open a first terminal
$ npm run dev:server
# Run the server on http://localhost:5000/
# Open a second terminal
$ npm run dev:client
# Run the client on http://localhost:3000/
```
## 3: Open it
- [http://localhost:5000](http://localhost:5000): Express server with MongoDB
- [http://localhost:3000](http://localhost:3000) : React-Redux application
## Usage
- First register and log in with your username and password to be redirected to the calendar.
- Click on empty row or select several rows to add new event. If there is event already on required row, click on the small empty space on right from the event.
- Resize or drag and drop to change start and end end time of the event
- Click on event to edit or delete.
- Use arrows to change date.
- Click on "today" to return to the current date.
- To download your events click on "Export As JSON".