The Hebrew Date Converter is a React-based application that converts Gregorian dates into Hebrew calendar dates and displays user-submitted messages alongside their associated dates. The project demonstrates the integration of a simple backend server with a React frontend for managing date-based messages.
- Converts timestamps into the Hebrew calendar format.
- Displays messages associated with specific Hebrew dates.
- Simple and user-friendly interface.
- Integration of backend and frontend for message management.
- Frontend: React.js, JavaScript, CSS
- Backend: Node.js, Express.js
- Styling: CSS modules
- Node.js installed on your machine.
- A package manager like
npm
oryarn
.
- Clone the repository:
git clone https://github.com/yourusername/hebrew-date-converter.git
- Navigate to the project directory:
cd hebrew-date-converter
- Navigate to the backend folder:
cd backend
- Install backend dependencies:
npm install
- Start the backend server:
node server.js The backend will run on http://localhost:5000.
- Navigate to the frontend folder:
cd ../frontend
- Install frontend dependencies:
npm install
- Start the frontend development server:
npm start
The app will be available at http://localhost:3000.
-
Open the app in your browser at
http://localhost:3000
. -
Enter a Gregorian date in the input field (e.g.,
2024-12-04
). -
Click Convert to send the request to the backend to convert the Gregorian date into the Hebrew date.
-
View the Hebrew date displayed on the screen.
- Hebcal API: Used for converting Gregorian dates to Hebrew calendar dates.
- React Documentation: For providing the framework and tools for building the frontend.