Welcome to the Time Capsule Website! This application allows users to create and store their messages, which can be revealed at a future date. It offers a modern and intuitive interface with dark mode support, making it a perfect way to send messages to your future self or loved ones.
- Create Time Capsules: Users can create a time capsule by filling in their name, a message, and the reveal date.
- Dark Mode: Toggle between dark and light mode for a comfortable viewing experience.
- Smooth Animations: Enjoy a smooth user experience with various animations powered by Framer Motion.
- Responsive Design: The application is designed to work seamlessly on various screen sizes.
-
Frontend:
- React
- Tailwind CSS
- Framer Motion
- Lucide React (for icons)
-
To get a local copy up and running, follow these steps:
Make sure you have the following installed on your machine:
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/The-Red-Wood-Lab/Time-capsule-website.git
-
Navigate to the project directory:
cd Time-capsule-website -
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit http://localhost:3000 to view the application.
- Enter your name, message, and select a reveal date.
- Click "Send to Future" to create your time capsule.
- The confirmation message will appear upon successful submission.
- Use the "Cancel" button to reset the form.
Contributions are welcome! If you have suggestions for improvements or features, feel free to create an issue or submit a pull request.
-
Fork the project.
-
Create your feature branch:
git checkout -b feature/MyFeature
-
Commit your changes:
git commit -m 'Add some feature' -
Push to the branch:
git push origin feature/MyFeature
-
Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Framer Motion for the animation library.
- Tailwind CSS for the utility-first CSS framework.
- Lucide React for the icon library.