Welcome to the 2024 Election Countdown project! This application is designed to provide a fun and engaging way to keep track of the upcoming US Presidential Election on November 5, 2024. The app allows users to donate, volunteer, and vote while counting down the days, hours, minutes, and seconds until election day. Every action you take is aimed at empowering citizens to actively participate in democracy. πΊπΈπ³οΈ
- A real-time countdown to election day π
- Action cards prompting users to Donate π°, Volunteer π, and Vote π³οΈ
- Social sharing buttons for easy sharing of your election involvement π±
- A responsive design, optimized for both desktop and mobile interfaces π±π»
This project uses React Native and Expo to deliver a cross-platform experience, ensuring accessibility to a wide array of users.
- Install Node.js on your local machine.
-
Clone the Repository:
git clone https://github.com/harperreed/2024.lol.git cd 2024.lol -
Install Dependencies: Make sure you have Node.js installed. Then, run:
npm install
-
Start the Development Server: You can run the app in a simulator or on a physical device (for Android and iOS):
npm start
-
Navigate the App:
- View the countdown timer π°οΈ
- Explore action cards that link to ways you can get involved in the election process.
- Share your actions on various social media platforms! π’
-
Contribute! If you would like to contribute to this project, feel free to fork the repository, make your changes, and submit a pull request. Every contribution helps make this project better! β
- React Native: A framework for building native apps using React.
- Expo: A platform for building universal React applications.
- JavaScript: Programming language used for app development.
- Babel: A JavaScript compiler for modern features.
- react-dom: React package for web applications.
- react-native-paper: A UI component library for React Native.
- @expo/vector-icons: Access vector icons in the application.
package.json: Manages dependencies for the project.app.json: Configuration file for the Expo app, defining its properties and behavior.babel.config.js: Configuration file for Babel, which helps to use modern JavaScript features.
2024.lol/
βββ README.md
βββ netlify.toml
βββ packages
βββ 2024lol
βββ App.js
βββ README.md
βββ app.json
βββ assets
β βββ images
β β βββ donate.webp
β β βββ volunteer.webp
β β βββ vote.webp
βββ babel.config.js
βββ components
β βββ ActionCard.js
β βββ Countdown.js
β βββ Footer.js
β βββ SocialShareButtons.js
βββ output.txt
βββ package.json
βββ workbox-config.js
If you have suggestions or improvements, feel free to fork the repository and submit a pull request! Let's make this project better together! πͺ
If you encounter any issues or have any questions, please create an issue in the repository. You can also reach out to me on Twitter @harper or check for updates and improvements to this project.
Thank you for your interest in 2024.lol! Letβs get involved and make a difference! π³οΈπ