Created event Scheduler
-
Event Creation: • A form to schedule a new event with fields: Event Name, Description, Start Time, Start Date, End Time, and End Date. • Upon submission, events should appear in both a list and a calendar view.
-
Event Views: • List View: Display events in chronological order with options to edit or delete them. • Calendar View: Display events in a monthly calendar format. Clicking on a day should list the events for that particular day below the calendar.
-
Event Editing and Deletion: • An "Edit" button next to each event to modify its details. • A "Delete" button to remove an event.
-
Responsive Design: The application should adapt gracefully across devices – desktops, tablets, and mobiles.
-
Integrations: • Integrate MirageJS to simulate real-world CRUD operations. • Add filtering options in the List View based on event name or date. • Use a state management tool Context API to manage the application's state, especially for the time-based notifications and event lists.
• ReactJs • Vanilla Javascript • Material UI • MirageJS (https://miragejs.com/) • Full Calender API (https://fullcalendar.io/)
To get started with this project, follow these steps:
Clone the Repository: git clone https://github.com/mrvlsaf/Find-Falcone.git
Navigate to the Project Directory: cd finding_falcone-master
Install Dependencies: npm install
Run the Development Server: npm start The application will be running at http://localhost:3000/.
Available Scripts In the project directory, you can run the following scripts:
npm start: Runs the app in development mode. npm build: Builds the app for production to the build folder. npm test: Launches the test runner in interactive watch mode. npm eject: Ejects the app from Create React App, allowing you to customize the configuration. Happy coding!