An open API service indexing awesome lists of open source software.

https://github.com/deepakbaligar-83/association-calendar

This a Calendar Application that performs CRUD operations
https://github.com/deepakbaligar-83/association-calendar

associationcalendar calendar calendar-app calendar-events css express javascript mongodb productivity react redux sass scheduler

Last synced: 3 months ago
JSON representation

This a Calendar Application that performs CRUD operations

Awesome Lists containing this project

README

        

Calendar of Events




![Screenshot (26)](https://github.com/deepakbaligar-83/Association-Calculator/assets/99593920/6fd56247-9010-4bbb-afdc-7d7252112629)

This is an Association Calendar built on top of react-big-calendar to facilitate making events with
crud functionality and ease of access to all the events at the end.


## 📝 Table of Contents

- [About](#about)
- [Getting Started](#getting_started)
- [Usage](#usage)
- [Built Using](#built_using)
- [Authors](#authors)

## About

The website was made for a College Association and It is directly connected to Database.

Functions of Website:


1. Add a Event

2. Search a Event

3. Delete a Event

4. Display of Event

5. Update a Event

6. Download Eventlist

## Getting Started

To run the project there are some steps you need to follow before npm start. The app uses environment variables so you need a mongodb key and a port key to run the app.

After that you will need "npm install" and then you are ready to go. But remember that you need to npm install inside the server once and inside the client once as these two are running on different ports.

### Installing

A step by step series of examples that tell you how to get a development env running.

*server*

1- cd to the server and press "npm i"

2- setup a mongodb key instead of the one already there.

3- choose your own port.

4- you can now npm start the server

*client*

1- cd to the client and press "npm i"

2- according to continuous updates running along the npm packages you may find a package that needs an update or a differen syntax to run properly.

3- run npm start and the client side is ready to go

## ⛏️ Built Using

- [MongoDB](https://www.mongodb.com/) - Database
- [Express](https://expressjs.com/) - Server Framework
- [React](https://reactjs.org/) - Web Framework
- [Redux](https://redux.js.org/) - State management tool
- [React-Router](https://reactrouterdotcom.fly.dev/docs/en/v6) - Routing app
- [Sass](https://sass-lang.com/) - css extension
## ✍️ Authors
1. Deepak Baligar