/Emerald

A functional CRUD Application. By CREATING events, READING/VIEWING events, UPDATING events, and DELETING events that they have entered at a previous date, users of this event app are able to keep track of their events. Events information includes, event name, date, location, full details and event's image. Made use of Firebase to store the events.

Primary LanguageJavaScript

EMERALD WEB APP - REACT CRUD APPLICATION

About The Project

A functional CRUD Application. By CREATING events, READING/VIEWING events, UPDATING events, and DELETING events that they have entered at a previous date, users of this event app are able to keep track of their events. Events information includes, event name, date, location, full details and event's image.

App Interface

emerald crud app

Technologies

  • React.js
  • Tailwind CSS
  • React-icons
  • Firebase
  • Framer Motion
  • React Toastify

Pages 🔍

The application's pages to check out.

  • Home Page
  • Events List Page
  • Add, Edit Event and Upload Event's image
  • View Event
  • Delete Event(not functional yet)

Product

Live site: (https://emerald-events.netlify.app/)

Project Github Repo Link: (https://github.com/OmaJuliet/Emerald.git)