Skip to content

harperreed/2024.lol

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

2024 Election Countdown πŸš€

Summary of Project πŸ“š

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. πŸ‡ΊπŸ‡ΈπŸ—³οΈ

Features:

  • 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.

How to Use πŸ› οΈ

Prerequisites

  • Install Node.js on your local machine.

Getting Started

  1. Clone the Repository:

    git clone https://github.com/harperreed/2024.lol.git
    cd 2024.lol
  2. Install Dependencies: Make sure you have Node.js installed. Then, run:

    npm install
  3. Start the Development Server: You can run the app in a simulator or on a physical device (for Android and iOS):

    npm start
  4. 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! πŸ“’
  5. 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! ⭐

Tech Info βš™οΈ

Technologies Used

  • 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.

Key Libraries/Packages

  • 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.

Important Files

  • 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.

Directory Structure

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

Contribution

If you have suggestions or improvements, feel free to fork the repository and submit a pull request! Let's make this project better together! πŸ’ͺ

Support πŸ’¬

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! πŸ—³οΈπŸŒŸ

About

Resources

Stars

Watchers

Forks

Contributors