Skip to content

umarraj008/Calendar-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calendar App


About The Project

This is a simple React app that allows users to to save and view your events. You can create new events, search for events, and search by date.

The app comes with 5 example events, feel free to edit, search, and delete them.

App Screenshot

Screenshot

Add an Event

You can create a new event. Screenshot

Edit an Event

You can edit an events information. Screenshot

Delete an Event

You can delete an event. Screenshot

Important Events

You can flag an event as important, and will be shown with a red border. Screenshot

Search Event By Text

You can search for events by text, it will search the events title to see if it contains the search text. Screenshot

Search Event By Date

You can search by date and it will show events within that date and after. Screenshot

Change Theme

You can change the theme from light and dark. Screenshot

Built With

ReactJs HTML5 CSS3 CSS3 NPM GitHub

Getting Started

  1. npm/nodejs is required to run this application. It can be downloaded from: https://nodejs.org/en/download/package-manager.

  2. To get started first extract the Calendar-App.zip.

  3. Then in command prompt cd to the directory (make sure your inside the "Calendar App" Folder):

cd Calendar-App-1.0\Calendar-App-1.0\Calendar App
  1. Next install the packages:
npm install
  1. Now you can run the application:
npm run dev
  1. You can view the app at:
http://localhost:5173/ 
or the address given by the console 

License

Distributed under the GNU GPL v3 License. See LICENSE.txt for more information.

License: GPL v3

Contact

Email - [email protected]
Website - umarrajput.co.uk
GitHub - @umarraj008
LinkedIn - in/umar-rajput
Project Link: https://github.com/umarraj008/Calendar-App